div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}soCl
div.wpcf7-mail-sent-ng {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
}
span.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
margin-left: 0.5em;
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 img.ajax-loader {
border: none;
vertical-align: middle;
margin-left: 4px;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
/*BY liury IMC*/
/*Mail:liury@suirui.com*/
/*Time:20151105 */
/*header��*/
.headdown {
border: 0!important;
}
.logo {
margin: 10px 10px 10px 0px!important;
padding: 0!important;
height: 36px;
/*background: url(../images/logo-new.png) no-repeat;*/
background-size: 102px 42px;
box-sizing: content-box;
}
@media (min-resolution: 2dppx),(-webkit-min-device-pixel-ratio:2) {
.logo {
background: url(../images/logo@2x.png) no-repeat;
background-size: 102px 48px;
}
}
.logo a {
display: inline-block;
height: 36px;
}
.logo a.subLogo{padding:0 0 0 15px; margin-left:25px; border-left:1px solid #aba8a8;}
.logo img {
height: 36px!important;
}
.sf-menu {
float: left!important;
margin: 16px 0!important;
}
@media only screen and (max-width: 960px) {
.sf-menu {
right: 0px!important;
}
.logo {
margin: 15px 30px 10px 0px!important;
}
}
.contactWays {
float: right;
height:60px;
line-height:60px;
}
.contactWays li {
position: relative;
padding-left: 10px;
line-height: 30px;
display:inline-block;
vertical-align:middle;
}
.contactWays li img {
vertical-align: middle;
}
.contactWays li.hotLine {
font-size: 14px;
color: #333;
padding: 0 10px 0 15px;
}
.contactWays li.hotLine:before{content:""; display:inline-block; margin-right:5px; width:24px; height:24px; background: url(../images/telIcon.png) no-repeat; background-size:contain; vertical-align:middle;}
.contactWays li.applyFree a{line-height:44px; background:#039cdc; color:#fff;padding:0 25px; display:block; margin:0 10px;}
.coder {
right: 0;
left: auto!important;
}
@media only screen and (max-width: 1180px) {
.contactWays {
display: none;
}
}
/*footer��*/
#footer {
border: 0!important;
}
.copyright {
line-height: 150%!important;
padding: 23px;
}
.languageSelect {
clear: both;
text-align: right;
padding: 0 20px 20px 20px;
}
.languageSelect select {
background: #eef1f5;
border-color: #bdc5d1;
border-radius: 2px;
-moz-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
color: #505050;
height: 27px;
}
.copyright i{display:inline-block; margin:0 5px;}
@media only screen and (max-width: 960px) {
.languageSelect {
text-align: center;
}
}
@media only screen and (max-width: 480px) {
.copyright i {
display: inline-block;
line-height: 0;
}
}
/*��ߵ���*/
.nav-select {
right: 0!important;
width: 44px!important;
}
.nav-select a {
margin: 0 0 1px 0!important;
height: 44px!important;
width: 100%;
}
.nav-select a:hover {
width: 160px!important;
}
.nav-select a.tel {
background: url(../images/telBlu.png) right no-repeat;
}
.nav-select a.tel:hover {
background: url(../images/telBluH.png) right no-repeat;
}
.nav-select a.tel2 {
background: url(../images/telBlu2.png) right no-repeat;
}
.nav-select a.tel2:hover {
background: url(../images/telBluH2.png) right no-repeat;
}
.nav-select a.mail {
background: url(../images/mail.png) right no-repeat;
}
.nav-select a.mail:hover {
background: url(../images/mailH.png) right no-repeat;
}
.nav-select a.downloadBB {
background: url(../images/downloadBB.png) right no-repeat;
}
.nav-select a.downloadBB:hover {
background: url(../images/downloadBBH.png) right no-repeat;
}
.nav-select a.zx {
background: url(../images/zx.png) right no-repeat;
}
.nav-select a.zx:hover {
background: url(../images/zxH.png) right no-repeat;
}
.nav-select a.myd {
background: url(../images/myd.png) right no-repeat;
}
.nav-select a.myd:hover {
background: url(../images/mydh.png) right no-repeat;
width:202px!important;
}
.nav-select-mob{position:fixed; bottom:0; height:40px; width:100%; background:#7f7f7f; z-index:999; display:none; opacity:.8;}
.nav-select-mob li{float:left; display:inline-block; width:100%; border-right:1px solid #fff; box-sizing:border-box; height:40px;}
.nav-select-mob li:last-child{border:0;}
.nav-select-mob li a{display:block; width:100%; height:40px;}
.nav-select-mob li.xz{background:url(../images/xz.png) center center no-repeat; background-size:contain;}
.nav-select-mob li.zx{background:url(../images/zxg.png) center center no-repeat; background-size:contain;}
.nav-select-mob li.dh{background:url(../images/dh.png) center center no-repeat; background-size:contain;}
@media only screen and (max-width: 640px) {
html{padding-bottom:50px!important;}
.nav-select-mob{display:block;}
.nav-select{display:none;}
}
/*ҳ��������ʽ*/
/*ҳ��������ʽ*/
/*������*/
.navPic {
float: left;
line-height: 30px;
padding: 10px 0;
font-family: "���ź�";
font-size: 14px;
color: #7a7d82;
}
.navPic a:link, .navPic a:visited {
color: #7a7d82;
text-decoration: none;
}
.navPic a:hover {
color: #7a7d82;
text-decoration: underline;
}
.pageMap {
float: right;
height: 50px;
padding: 10px 0;
}
.pageMap li {
float: left;
line-height: 30px;
margin-right: 10px;
padding: 0 10px;
}
.pageMap li.introduction {
background: #5486da;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.pageMap li.introduction a:link, .pageMap li.introduction a:visited {
color: #fff;
text-decoration:none;
}
.pageMap li.introduction a:hover {
color: #fff;
text-decoration:none;
}
.pageMap li.buyNow {
padding: 0 10px 0 30px;
background:#d70c19 url(../images/buyCar.png) 6px center no-repeat;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.pageMap li.buyNow a:link, .pageMap li.buyNow a:visited {
color: #fff;
text-decoration: none;
}
.pageMap li.buyNow a:hover {
color: #fff;
text-decoration: none;
}
p.downloadzm{font-size:13px; color:#333; line-height:130%; margin-bottom:0px; text-align:center; display:none; float:right; text-align:right; padding:0 0 10px 0;}
p.downloadzm img{vertical-align: bottom; display:inline-block;}
p.downloadzm a:link, p.downloadzm a:visited, p.downloadzm a:hover{color:#288cff; text-decoration:none;}
@media only screen and (max-width: 768px) {
.pageMap, .navPic {
float: ;
height:auto;
padding:0;
}
.pageMap{display:none;}
p.downloadzm{display:block;}
}
/*��Ʒҳ*/
#RB5 {
height: 600px;
background: url(../images/banner_RB5.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#RB5 {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#RB5 {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#RB5 {
height: 200px;
}
}
.bgColorDiv {
height: 760px;
overflow: hidden;
}
.informationText {
text-align: center;
color: #3e4245;
}
.informationText h2 {
line-height: 50px;
font-family: "���ź�";
font-size: 48px;
font-weight: normal;
text-align: center;
padding-bottom: 30px;
}
.informationText h2 span {
font-size: 24px;
}
.informationText h3 {
line-height: 35px;
font-family: "���ź�";
font-size: 30px;
}
.informationText p {
line-height: 30px;
font-family: "���ź�";
font-size: 18px;
padding: 0;
text-indent: 2em;
}
.informationText p img {
display: inline-block;
vertical-align: bottom;
}
.parameter {
padding: 50px 0;
}
.parameter h2 {
font-family: "���ź�";
font-weight: normal;
font-size: 30px;
color: #3e4245;
text-align: center;
padding-bottom: 30px;
}
.parameter li {
font-family: "���ź�";
font-size: 18px;
padding-bottom: 10px;
list-style-type: square;
list-style-position: inside;
}
.row01 {
width: 60%;
float: left;
}
.row02 {
width: 40%;
float: right;
padding-bottom: 15px;
}
.parameter li ul, .parameter li dl {
padding-left: 18px;
}
.parameter li li{
font-size: 15px;
padding-bottom: 0;
list-style-type: none;
}
.parameter li dl dt, .parameter li dl dd {
display: inline-block;
font-family: "���ź�";
font-size: 14px;
float: left;
}
.parameter li dl dt{
width: 30%;
min-width: 100px;
font-weight: normal;
}
.parameter li dl dd{
width: 70%;
}
.buyAndTelForFree {
padding: 50px 0;
}
.buyAndTelForFree li {
float: left;
width: 33.3%;
font-family: "���ź�";
font-size: 18px;
text-align: center;
padding: 35px 0;
list-style-type: none;
}
.buyAndTelForFree li a {
display: inline-block;
width:80px;
padding-top: 100px;
background-size:contain;
}
.buyAndTelForFree li.byFree a {
background: url(../images/free.png) center top no-repeat;
}
.buyAndTelForFree li.byFree a:hover {
background: url(../images/freeH.png) center top no-repeat;
}
.buyAndTelForFree li.buyOnline a {
background: url(../images/buyCarBig.png) center top no-repeat;
}
.buyAndTelForFree li.buyOnline a:hover {
background: url(../images/buyCarBigH.png) center top no-repeat;
}
.buyAndTelForFree li.contactNow a {
background: url(../images/telBig.png) center top no-repeat;
}
.buyAndTelForFree li.contactNow a:hover {
background: url(../images/telBigH.png) center top no-repeat;
}
.buyAndTelForFree li.contactOnline a {
background: url(../images/contactOnline.png) center top no-repeat;
}
.buyAndTelForFree li.contactOnline a:hover {
background: url(../images/contactOnlineH.png) center top no-repeat;
}
.buyAndTelForFree li.showCase a {
background: url(../images/showCase.png) center top no-repeat;
}
.buyAndTelForFree li.showCase a:hover {
background: url(../images/showCaseH.png) center top no-repeat;
}
.buyAndTelForFree li.download a {
background: url(../images/downloadZM.png) center top no-repeat;
}
.buyAndTelForFree li.download a:hover {
background: url(../images/downloadZMH.png) center top no-repeat;
}
.buyAndTelForFree li a:link, .buyAndTelForFree li a:visited {
color: #fff;
text-decoration: none;
}
.buyAndTelForFree li a:hover {
color: #005ead;
text-decoration: underline;
}
.buyAndTelForFree li img {
margin: 0 auto 10px auto;
}
.bannerInfo {
position: absolute;
}
.bannerInfo h1 {
font-family: "���ź�";
font-size: 30px;
padding-bottom: 20px;
}
.bannerInfo p {
font-family: "���ź�";
font-size: 18px;
line-height: 30px;
color: #3e4245;
text-indent: 2em;
}
@media only screen and (max-width: 960px) {
.bgColorDiv {
height: auto!important;
}
.informationText {
position: static!important;
text-align: center!important;
padding: 20px 0 20px 0!important;
background: none!important;
width: auto!important;
margin: auto!important;
}
.informationText h3 {
font-size: 24px;
}
.informationText h3, .informationText p {
padding: 0!important;
}
.informationText p {
text-align: left;
font-size: 16px;
margin-bottom: 20px;
}
.informationText img {
margin: 0 auto!important;
}
.informationImg {
position: static!important;
padding: 20px 0 0 0;
text-align: center;
width: 80%;
margin: 0 auto!important;
}
.informationImg img {
margin: 0 auto;
}
.row01, .row02 {
float: none;
width: 100%;
}
.newsList {
margin-right: 0!important;
}
.parameter h2 {
text-align: left;
}
.bannerInfo h1 span, .bannerInfo p {
display: none;
}
}
@media only screen and (max-width: 480px) {
.buyAndTelForFree {
padding: 0;
}
.buyAndTelForFree li {
font-size:15px;
}
.buyAndTelForFree li a {
padding-top: 80px;
}
.bannerInfo h1 {
font-size: 22px;
padding: 20px 0;
}
}
/*��������һ��ҳ��*/
.hotNews {
overflow: hidden;
padding: 25px 0 0 0;
}
.hotNews ul {
margin-right: -20px;
}
.hotNews li{
width: 31%;
margin-right: 20px;
float: left;
padding-bottom: 25px;
}
.newsList {
padding: 20px 0 0 0;
}
.newsList h2 {
border-bottom: 7px solid #f7f7f7;
position: relative;
height: 35px;
box-sizing: content-box;
}
.newsList dt {
float: left;
font-family: "���ź�";
font-size: 16px;
font-weight: normal;
line-height: 22px;
padding: 10px 0;
}
#announcement dt {
width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.newsList dt a:link, .newsList dt a:visited {
color: #5486da;
text-decoration: none;
}
.newsList dt a:hover {
color: #2454a5;
text-decoration: none;
}
.newsList dd {
float: right;
font-family: "���ź�";
font-size: 16px;
line-height: 22px;
padding: 10px 0;
color: #a1a1a1;
}
.newsList li {
padding-bottom: 10px;
font-family: "���ź�";
font-size: 16px;
line-height: 20px;
width: 49.9%;
text-align: left;
line-height: 35px;
float: left;
}
#video li {
width: 49.9%;
float: left;
}
.newsList li img {
float: left;
margin-right: 10px;
width: 246px;
height: 162px;
}
.newsList li a:link, .newsList li a:visited {
color: #3e4245;
text-decoration: none;
}
.newsList li a:hover {
color: #2454a5;
text-decoration: none;
}
#video li a:link, #video li a:visited {
color: #2454a5;
text-decoration: none;
}
#video li a:hover {
color: #2454a5;
text-decoration: underline!important;
}
.newsType {
position:absolute;
height: 35px;
line-height:35px;
font-family: "���ź�";
font-size: 20px;
color: #3e4245;
border-bottom: 7px solid #5486da;
box-sizing: content-box;
display: inline-block;
padding-right: 30px;
}
.newsMore {
position:absolute;
right: 0px;
height: 35px;
font-family: "���ź�";
font-size: 12px;
line-height:48px;
}
.newsMore a:link, .newsMore a:visited {
color: #5486da;
text-decoration: none;
}
.newsMore a:hover {
color: #2454a5;
text-decoration: none;
}
@media only screen and (max-width: 960px) {
.hotNews li {
width: 30%;
}
.newsList li {
float: none;
width: 100%;
text-align: left;
}
.newsList dt {
width: auto!important;
}
}
@media only screen and (max-width: 761px) {
.hotNews li{
width: 100%;
text-align: center;
margin: 0;
}
.hotNews li img {
margin: 0 auto;
}
.newsList dt {
padding-bottom: 0;
}
/*.newsList dd {
padding-top: 0;
}*/
.newsList li {
text-align: center;
}
.newsList li img {
float: none;
margin: 0 auto 10px auto;
}
#video li {
width: 100%;
}
}
/*20151109*/
/*�������Ķ���ҳ��*/
.newListbyMon {
padding: 30px 0;
}
.month span {
display: inline-block;
padding: 3px 0;
width: 60px;
background: #5486da;
font-family: "���ź�";
font-size: 16px;
text-align: center;
color: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
}
.monthAll {
margin: 5px 0 0 25px;
border-left: 2px solid #b3c9ef;
}
.dayNum {
background: url(../images/daydot.png) 0px 0px no-repeat;
padding-left: 50px;
margin-left: -9px;
float:left;
font-family: "���ź�";
font-size: 24px;
color: #5486da;
padding-bottom: 5px;
}
.newsItem {
float: left;
padding-left: 40px;
width: 950px;
padding-bottom: 30px;
}
.newsItem h3 {
font-size: 20px;
line-height: 25px;
}
.newsItem a:link, .newsItem a:visited {
color: #3e4245;
text-decoration: none;
}
.newsMore a:hover {
color: #2454a5;
text-decoration: none;
}
.pageNav {
text-align: center;
font-size: 18px;
line-height: 25px;
color: #626262;
padding: 10px 0;
}
.pageNav input {
width: 50px;
height: 25px;
border: 1px solid #b8b8b8;
box-sizing: border-box;
}
.pageNav a {
display: inline-block;
padding: 3px 0px;
height: 31px;
width: 31px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
color: #5486da;
text-align: center;
}
.pageNav a.preP, .pageNav a.nextP {
width: 80px;
}
.pageNav a:link,.pageNav a:visited {
color: #5486da;
text-decoration: none;
}
.pageNav a:hover {
color: #fff;
text-decoration: underline;
background: #5486da
}
.pageNav a.curP:link,.pageNav a.curP:visited, .pageNav a.curP:hover {
color: #fff;
text-decoration: none;
background: #5486da
}
@media only screen and (max-width: 960px) {
.dayNum {
float: none;
}
.newsItem {
float: none;
width: auto;
}
}
/*������������ҳ��*/
.newsRight {
width: 20%;
float: right;
margin-top: 115px;
}
.ad {
padding: 20px 22px 0 22px;
border: 1px solid #b8b8b8;
box-sizing: content-box;
margin-bottom: 20px;
}
.ad p {
font-size: 18px;
padding: 5px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #e8e8e8;
}
.ad li {
margin-bottom: 30px;
}
.ad li a:link, .ad li a:visited {
color: #5486da;
text-decoration: none!important;
}
.ad li a:hover {
color: #2454a5;
text-decoration: none!important;
}
.hotn {
padding: 20px 22px 22px 22px;
margin-bottom: 20px;
border: 1px solid #b8b8b8;
box-sizing: content-box;
}
.hotn h3 {
margin: 0 0 5px 0;
padding-bottom: 10px;
border-bottom:1px solid #e8e8e8;
}
.hotn li {
padding: 3px 0;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hotn li a:link, .hotn li a:visited {
color: #5486da;
text-decoration: underline!important;
}
.hotn li a:hover {
color: #2454a5;
text-decoration: underline!important;
}
.newsContent {
padding: 30px 0;
width: 78%;
float: left;
font-size: 14px;
line-height: 28px;
text-indent: 2em;
}
.newsContent img {
display: inline-block;
height: auto !important;
}
.newsContent h1 {
font-family: "���ź�";
font-size: 36px;
font-weight: normal;
text-align: center;
padding-bottom: 10px;
margin: 0;
}
.newsContent h2 {
font-family: "���ź�";
font-size: 22px;
font-weight: normal;
color: #5486da;
padding-bottom: 10px;
margin: 0;
}
.newsContent h3 {
font-family: "���ź�";
font-size: 18px;
font-weight: bold;
color: #6e6d6d;
padding-bottom: 5px;
margin: 0;
}
.newsContent p {
font-size: 16px;
text-indent: 2em;
line-height:220%;
margin: 0 0 20px 0;
}
.newsContent p.newsTime {
text-align: right;
text-indent: 0;
}
.tags {
float: left;
}
.moreNewsList {
padding: 20px 0 50px 0;
border-top: 1px solid #b8b8b8;
}
.moreNewsList h3 {
font-size: 16px;
font-weight: bold;
color: #3e4245;
}
.moreNewsList li {
font-size: 16px;
line-height: 22px;
padding: 5px 0;
width: 50%;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.moreNewsList li a:link, .moreNewsList li a:visited {
color: #5486da;
text-decoration: underline!important;
}
.moreNewsList li a:hover {
color: #2454a5;
text-decoration: underline!important;
}
.backToNewsL {
text-align: center;
}
.backToNewsL a {
display: inline-block;
padding: 10px 30px;
background: #5486da;
font-size: 18px;
margin: 20px 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
}
.backToNewsL a:link, .backToNewsL a:visited, .backToNewsL a:hover {
color: #fff;
text-decoration: none;
}
.sharePage {
padding: 10px 0;
overflow: hidden;
}
.sharePage ul {
margin-right: -3px;
}
.sharePage li {
float: left;
width: 33.3%;
*+width: 33.23%;
height: 72px;
margin: 55px 0;
text-align: center;
border-right: 1px solid #b8b8b8;
font-size: 14px;
}
.sharePage li img {
display: inline-block;
}
.sharePage li h3 {
font-size: 14px;
font-weight: bold;
}
.sharePage li .contactUs {
text-align: left;
padding-left: 100px;
}
.sharePage li a {
position: relative;
}
.newsCode {
position: absolute;
width: 144px;
height: 150px;
right: -60px;
background: url(../images/codeBg.png) no-repeat;
display: none;
}
.newsCode img {
margin: 16px auto 0 auto;
display: block;
}
#newsBanner {
height: 250px;
background: url(../images/banner_news.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
.weixin_news {
display: none;
}
#newsBanner {
height: 150px;
}
.newsContent h1{font-size:24px; padding:0!important;}
.newsContent p{font-size:12px; margin-bottom:10px;}
}
@media only screen and (max-width: 768px) {
.sharePage {
padding: 10px 0;
}
.sharePage li {
width: 100%;
height: auto;
margin: 25px 0;
}
.sharePage li .contactUs {
padding-left: 125px;
}
.backToNewsL a {
margin: 0;
}
.newsContent p {
margin: 0 0 10px 0;
}
#newsBanner {
height: 120px;
}
}
@media only screen and (max-width: 480px) {
.sharePage li .contactUs {
padding-left: 85px;
}
#newsBanner {
height: 100px;
}
}
@media only screen and (max-width: 320px) {
.sharePage li .contactUs {
padding-left: 65px;
}
#newsBanner {
height: 80px;
}
}
/*20151110*/
/*��ҳ*/
.f_blog h4 {
text-align: center;
font-size: 20px!important;
border: 0!important;
padding: 0!important;
margin: 0!important;
}
.fancy-features-list h3 {
font-size: 24px!important;
}
.fancy-features-list ul li {
font-size: 16px;
}
.saleOnline {
padding: 70px 0 0 0;
}
.saleOnline h2 {
font-size: 25px;
font-weight: normal;
color: #164487;
text-align: center;
margin-bottom: 20px;
padding-bottom: 5px;
}
.saleOnline h2:before{content:""; height:1px; width:80px; background:#aaaaaa; display:inline-block; vertical-align:middle; margin-right:60px;}
.saleOnline h2:after{content:""; height:1px; width:80px; background:#aaaaaa; display:inline-block; vertical-align:middle; margin-left:60px;}
.saleOnline ul {
width: 76%;
margin: 0 auto;
}
.saleOnline li {
width: 19.1%;
float: left;
margin: 0 7.1%;
text-align: center;
padding-bottom: 30px;
}
.saleOnline li img {
margin: 0 auto 30px auto;
}
.saleOnline li p {
line-height: 45px;
border: 1px solid #fff;
border-radius: 23px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
-o-border-radius: 23px;
font-size: 20px;
overflow: hidden;
}
.saleOnline li p a {
display: block;
width: 100%;
height: 100%;
border-radius: 23px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
-o-border-radius: 23px;
}
.saleOnline li a:link, .saleOnline li a:visited {
background: #164487;
text-decoration: none;
color: #fff;
}
.saleOnline li a:hover {
background: #fff;
text-decoration: none;
color: #164487;
}
@media only screen and (max-width: 960px) {
.saleOnline ul {
width: 100%;
}
}
@media only screen and (max-width: 761px) {
.saleOnline li {
width: 33.3%;
margin: 0 auto;
padding: 0 7px;
box-sizing: border-box;
}
.saleOnline h2 {
padding-bottom: 20px;
}
.saleOnline li p {
font-size: 16px;
}
}
/*��������˾���*/
#abUs {
height: inherit;
background: url(../images/banner_AB.jpg) 50% no-repeat;
background-size: cover;
}
#abUs+.row .newsContent{width:70%; float:none; margin:0 auto;}
#abUs+.row .newsContent h1{padding-bottom:20px;}
@media only screen and (max-width: 960px) {
#abUs {
height: inherit;
}
}
@media only screen and (max-width: 768px) {
#abUs {
height: inherit;
}
}
@media only screen and (max-width: 480px) {
#abUs {
height: inherit;
}
}
/*20151110*/
/*�����Ŷ�*/
.newsContent h1.leader {
text-align: left;
font-size: 24px;
font-weight: bold;
color: #154698;
border-left: 5px solid #154698;
padding: 0 0 0 20px;
line-height: 100%;
margin-bottom: 20px;
}
.leaderList {
padding: 10px 0;
}
.leaderList h2 {
font-size: 20px;
line-height:150%;
font-weight: bold;
color: #333;
padding-bottom: 10px;
margin:0;
}
.leaderList ul {
position: relative;
margin:0 -8%;
}
.leaderList li {
float: left;
width: 33.3333%;
padding: 20px 7%;
box-sizing:border-box;
text-align:center;
}
.leaderList li .leaderInfo {
position: absolute;
width: 100%;
left: 0;
margin-top: 40px;
border-top: 3px solid #7da3e3;
padding: 30px 0px;
}
.leaderList li .leaderInfo h2 {
font-size: 22px;
font-weight: normal;
line-height: 30px;
color: #333;
text-align: left;
padding: 0;
}
.leaderList li .leaderInfo h3 {
font-size: 22px;
font-weight: normal;
line-height: 30px;
color: #333;
text-align: left;
padding: 0;
text-indent: 2em;
}
.leaderList li .leaderInfo p {
font-size: 16px;
font-weight: normal;
line-height: 25px;
color: #666;
text-align: left;
padding: 0;
}
.leaderList li:hover img{border-radius:5px; box-shadow:0px 0px 18px rgba(114,114,114,.5);}
.leaderImg {
cursor: pointer;
/*margin: 0 auto;*/
display: inline-block;
}
.leaderList h3 {
font-size: 18px;
font-weight:normal;
line-height: 150%;
color:#0070c9;
padding: 10px 0 0 0;
margin: 0;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.leaderList h3 span{font-size:14px;}
.leaderList h4 {
font-size: 15px;
font-weight:normal;
line-height: 150%;
padding: 0 0 5px 0;
margin: 0;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.dottip {
position: absolute;
top: -16px;
}
.popBg{position:fixed; right:0; left:0; top:0; bottom:0; background:rgba(0,0,0,.4); z-index:99999; display:none;}
.popCont{position:absolute; left:25%; width:50%; top:80px; bottom:80px; background:#fff; border-radius:8px; padding:50px 0 30px 0; display:none; box-shadow:0px 0px 9px rgba(0,0,0,.4);}
.popCont .close{width:30px; height:30px; line-height:30px; text-align:center; font-size:28px; color:#a6a6a6; font-weight:bold; cursor:pointer; position:absolute; right:10px; top:8px; opacity:.8;}
.popCont>div{padding:0 30px; height:100%; overflow:auto;}
.learderInfo{}
.learderInfo .leaderImg{text-align:center; display:block; cursor:default;}
.learderInfo .leaderImg img{display:block; margin:10px auto;}
.learderInfo .leaderImg h3{font-size:16px; font-weight:bold; color:#333; line-height:150%; margin:0;}
.learderInfo .leaderImg p{font-size:14px; color:#666; line-height:130%; margin:0;}
.learderInfo .information>div{padding:30px 30px 0 30px;}
@media only screen and (max-width: 960px) {
.leaderList ul{margin:0;}
.leaderList li {
width: 49.9%;
float: ;
padding: 5px 0;
}
.leaderList h2 {
padding: 0 0 10px 0;
}
.leaderList {
padding: 20px 0;
}
.leaderList li .leaderInfo {
position: relative;
padding: 30px 0 0 0;
}
.dottip {
left: 48%!important;
}
.leaderImg {
margin: 0 auto;
max-width:90%; height:auto;
}
.leaderList h3, .leaderList h4 {
text-align: center;
font-size: 13px;
letter-spacing: -1px;
}
.popCont .close{width:20px; height:20px; line-height:20px; font-size:20px; right:5px; top:5px;}
.popCont{top:30px; bottom:30px; left:5%; width:90%; padding:30px 0 10px 0;}
.popCont>div{padding:0 10px;}
}
/*��չ����*/
#growing {
height: 600px;
background: url(../images/banner_growing.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#growing {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#growing {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#growing {
height: 200px;
}
}
.growing {
padding: 30px 0;
}
.growing h1 {
font-size: 24px!important;
color: #3e4245;
text-align: center;
}
.timeLine {
width: 100%;
height: auto;
margin-top: 20px;
position:relative;
}
.timeLine ul {
}
.timeLine li {
padding-top: 60px;
font-size: 18px;
font-weight: bold;
color: #5486da;
line-height: 100%;
width:100%;
height:100%;
position:relative;
}
.timeLine li a{
display: inline-block;
padding: 8px 7px 4px 7px;
background-size: cover;
display:none;
}
.timeLine li.curYear a{
background: url(../images/yearBg.png) no-repeat;
}
.timeLine li a:link, .timeLine li a:visited {
color: #5486da;
text-decoration: none;
}
.timeLine li a:hover {
color: #fff;
text-decoration: none;
background: url(../images/yearBg.png) no-repeat;
}
.timeLine li.curYear a:link, .timeLine li.curYear a:visited, .timeLine li.curYear a:hover {
color: #fff;
text-decoration: none;
text-decoration: none;
background: url(../images/yearBg.png) no-repeat;
}
.timeLine .swiper-pagination{top:10px;}
.timeLine .swiper-pagination-bullets-dynamic{font-size:18px; font-weight:bold; color:#5486da; width:inherit!important; text-align:left;overflow:visible;}
.timeLine .swiper-pagination-bullets-dynamic:after{content:""; display:block; width:18px; height:18px; background: url(../images/daydot.png) left top no-repeat; position:absolute; top:-9px; right:0;}
.timeLine .swiper-pagination-bullet{width:8.3333333333%; height:inherit; line-height:18px; background:none; padding-top:30px; border-top:1px solid #b3c9ef; border-radius:0; opacity:1; left:0!important;}
.timeLine .swiper-pagination-bullet:before{content:""; display:block; width:18px; height:18px; background: url(../images/daydot.png) left top no-repeat; position:absolute; top:-9px; left:-2px; background-size:contain;}
.timeLine .swiper-pagination-bullet em{font-style:normal;display: inline-block; padding: 8px 7px 4px 7px; width:60px;}
.timeLine .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{color:#fff;}
.timeLine .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active em{background: url(../images/yearBg.png) no-repeat;}
.timeLine .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,.timeLine .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,.timeLine .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:none;}
.timeLine .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{display:inline-block;}
.timeLine .swiper-button-prev, .timeLine .swiper-container-rtl .swiper-button-next{left:-20px; top:20px; height:25px;}
.timeLine .swiper-button-next, .timeLine .swiper-container-rtl .swiper-button-prev{right:-20px; top:20px; height:25px;}
.event {
padding: 30px 0;
overflow:auto;
}
.event h1 {
font-family: "���ź�";
font-size: 24px;
font-weight: normal;
text-align: center;
color: #595757;
padding-bottom: 10px;
margin: 0;
}
.event p {
font-size: 14px;
font-weight: normal;
text-indent: 2em;
padding-bottom: 20px;
color: #595757;
margin: 0;
}
@media only screen and (max-width: 960px) {
.timeLine {
height: auto;
}
.timeLine ul {
position: relative;
}
.timeLine li {
width: inherit;
float: none;
padding: 0 0 5px 30px;
}
.timeLine li:after{content:""; display:block; width:18px; height:18px; background: url(../images/daydot.png) left top no-repeat; position:absolute; left:0; top:0;}
.timeLine li:before{content:""; display:block; width:1px; height:100%; background:#b3c9ef; position:absolute; left:9px;}
.event {
position: relative;
}
.timeLine li a{
padding: 4px 7px 4px 11px;
display:block;
}
.timeLine li a:hover {
background: url(../images/yearBgV.png) no-repeat;
}
.timeLine li.curYear a:link, .timeLine li.curYear a:visited, .timeLine li.curYear a:hover {
background: url(../images/yearBgV.png) no-repeat;
}
.timeLine .swiper-wrapper{flex-wrap:wrap;}
}
/*20151112*/
/*��ҵ����*/
#honor {
height: 600px;
background: url(../images/banner_honor.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#honor {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#honor {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#honor {
height: 200px;
}
}
.honorList {
border-left: 1px solid #b3c9ef;
}
.honorList ul{
margin: 0 0 0 -10px;
}
.honorDate {
font-size: 16px;
line-height: 32px;
color: #5486da;
padding-left: 30px;
background: url(../images/daydot.png) left center no-repeat;
float: left;
}
.honors {
float: left;
padding-left: 30px;
line-height: 32px;
font-size: 16px;
}
.honors a:link, .honors a:visited {
color: #5486da;
text-decoration: none;
}
.honors a:hover {
color: #335fab;
text-decoration: none;
}
.honorImg {
position: absolute;
margin-left: 30px;
display: none;
z-index: 999;
box-shadow: 3px 3px 10px 5px #ccc;
}
@media only screen and (max-width: 960px) {
.honorDate, .honors, .honorImg {
float: none;
}
.honorImg {
margin-left: 30%!important;
}
.honors ul {
margin: 0!important;
}
}
/*��������*/
#job {
height: 600px;
background: url(../images/banner_job.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#job {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#job {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#job {
height: 200px;
}
}
.welfare {
padding: 30px 0;
}
.welfare h2 {
font-size: 24px;
font-weight: bold;
color: #fff;
line-height: 100%;
padding-left: 20px;
margin-bottom: 30px;
border-left: 5px solid #fff;
}
.welfare ul {
padding: 20px 0;
}
.welfare li {
float: left;
width: 49.9%;
padding-bottom: 20px;
}
.welfare li div.welfareImg {
width: 40%;
float: left;
}
.welfare li div.welfareImg img {
margin: 0 auto;
}
.welfare li div.welfareInfo {
width: 45%;
height: 100%;
float: left;
font-size: 18px;
color: #fff;
padding-top: 30px;
}
.welfare li div.welfareInfo p {
margin-bottom: 0;
}
.recruitType {
padding: 30px 0;
}
.recruitItem {
padding-top: 80px;
}
.recruitItem p{
padding-left: 40px;
}
.recruitItem a:link, .recruitItem a:visited {
color: #3e4245;
text-decoration: none;
}
.recruitItem a:hover {
color: #5486da;
text-decoration: none;
}
.recImg {
position: relative;
width: 89%;
margin: 0 auto 20px auto;
box-shadow: 5px 5px 0px 0px #cbdaf4;
}
.recPng {
position: absolute;
top: -80px;
left: 50%;
width: 36%;
margin-left: -18%;
}
.recName {
position: absolute;
bottom: 0;
width: 100%;
background:#5486da;
font-size: 24px;
color: #fff;
text-align: center;
padding: 10px 0;
}
@media only screen and (max-width: 960px) {
.welfare li, .welfare li div.welfareImg, .welfare li div.welfareInfo {
width: 100%;
float: none;
}
.recruitItem p{
padding-left: 0;
}
.recImg {
width: 100%;
}
}
/*��ϵ����*/
#contact {
height: 600px;
background: url(../images/banner_contact.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#contact {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#contact {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#contact {
height: 200px;
}
}
.contact {
padding: 50px 0;
}
.contactAdd h3 {
font-size: 18px;
font-weight: bold;
line-height: 100%;
color: #5486da;
padding-left: 10px;
margin-bottom: 10px;
border-left: 5px solid #5486da;
}
.contactAdd h4 {
font-size: 16px;
font-weight: bold;
color: #6e6d6d;
margin: 0;
line-height: 30px;
}
.contactAdd ul {
padding-bottom: 20px;
}
.contactAdd li {
font-size: 16px;
color: #6e6d6d;
line-height: 30px;
}
.contactWay h3{
font-size: 18px;
font-weight: bold;
line-height: 100%;
color: #5486da;
margin-bottom: 10px;
}
.contactWay p{
font-size: 16px;
color: #6e6d6d;
line-height: 25px;
}
.contactWay li {
float: left;
text-align: center;
margin-right: 20px;
}
/*20151113*/
/*��ҵ����*/
#culture1,#culture2, #culture3, #culture4, #culture5 {
height: 600px;
margin: 20px 0 30px 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#culture6 {
height: 600px;
margin: 20px 0 30px 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#culture1,#culture2, #culture3, #culture4, #culture5 {
height: 300px;
}
#culture6 {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#culture1,#culture2, #culture3, #culture4, #culture5 {
height: 240px;
}
#culture6 {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#culture1,#culture2, #culture3, #culture4, #culture5 {
height: 153px;
margin: 0 0 20px 0;
}
#culture6 {
height: 153px;
margin: 0 0 20px 0;
}
}
/*��������*/
#about {
height: 600px;
background: url(../images/banner_about.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#about {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#about {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#about {
height: 200px;
}
}
.about {
padding: 30px 0;
}
.about li {
float: left;
width: 49.9%;
*+width: 47.9%;
padding: 0 1% 2% 1%;
overflow: hidden;
text-align: center;
}
.about li .img {
display: inline-block;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.about li .img p {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 0;
background: #3e6ec2;
width: 100%;
line-height: 60px;
font-size: 18px;
}
.about a {
display: block;
width: 100%;
height: 100%;
}
.about a:link, .about a:visited {
color: #fff;
text-decoration: none;
}
.about a:hover {
color: #fff;
text-decoration: underline;
}
@media only screen and (max-width: 480px) {
.about li {
width: 100%;
}
}
/*Ͷ���߹�ϵ*/
#investor {
height: 600px;
background: url(../images/banner_investor.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#investor {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#investor {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#investor {
height: 200px;
}
}
/*20151116*/
/*��*/
#RP {
height: 600px;
background: url(../images/banner_RP.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#RP {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#RP {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#RP {
height: 200px;
}
}
/*���*/
#HJ {
height: 600px;
background: url(../images/banner_HJ.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#HJ {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#HJ {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#HJ {
height: 150px;
}
.mob{width:55%;}
}
#huijianM {
height: 666px;
background: url(../images/huijianM.jpg) 50% no-repeat;
background-size: cover;
margin-bottom: 50px;
}
@media only screen and (max-width: 960px) {
#huijianM {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#huijianM {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#huijianM {
height: 200px;
}
}
/*.pc {
padding:30px 0;
height: 1000px;
position: relative;
}*/
.pct {
text-align: center;
padding: 20px;
position: absolute;
}
.pct img {
margin: 10px auto;
}
.pct h3 {
font-size: 28px;
color:#3a76bc;
}
.pct p {
font-size: 18px;
color: #575858;
}
.mob {
padding-top: 40px;
}
@media only screen and (max-width: 960px) {
.pc {
height: auto;
position: static;
padding: 0;
}
.pct {
text-align: center!important;
position: static;
}
.pct h3, .pct p{
padding-left: 0;
}
}
/*��Ŀ*/
#ZM {
height: 600px;
background: url(../images/banner_ZM.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#ZM {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#ZM {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#ZM {
height: 200px;
}
}
/*20151117*/
/*��Ʒһ��ҳ*/
#product {
height: 600px;
background: url(../images/banner_products.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#product {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#product {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#product {
height: 200px;
}
}
.huijianP li{
float: left;
width: 33.3%;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.huijianP li img {
margin: 0 auto 5px auto;
}
.huijianP li a:link, .huijianP li a:visited {
color: #2d8fff;
text-decoration: none;
}
.huijianP li a:hover {
color: #2d82f5;
text-decoration: underline;
}
.rbLink {
text-align: center;
}
.rbLink a{
display: inline-block;
padding: 3px 10px;
margin: 0 10px 10px 10px;
background:#0a60ac;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
}
.rbLink a:link, .rbLink a:visited, .rbLink a:hover {
color:#fff;
text-decoration: none;
}
.zhumuD {
text-align: ;
text-indent: 0;
}
.zhumuD a {
display: inline-block;
margin-right:20px;
line-height: 28px;
padding: 0 10px;
margin-bottom: 10px;
/*border: 1px solid #2d8fff;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;*/
}
.zhumuD a img {
display: inline-block;
vertical-align: bottom;
}
.zhumuD a:link, .zhumuD a:visited, .zhumuD a:hover {
color: #2d8fff;
text-decoration: none;
}
.tp-caption .zhumuD a {
border: 1px solid #fff;
}
.tp-caption .zhumuD a img {
vertical-align: sub;
}
.tp-caption .zhumuD a:link, .tp-caption .zhumuD a:visited, .tp-caption .zhumuD a:hover {
color: #fff;
text-decoration: none;
}
.txycp {
margin: 130px 0 0 0;
}
.productsList {
padding: 80px 0;
}
.productsList h3 {
font-size: 36px;
color: #3e4245;
margin-bottom: 20px;
text-align: center;
}
.productsList ul {
margin-top: 10px;
}
.productsList li {
float: left;
width: 49.9%;
text-align: center;
padding-bottom: 30px;
}
.productsList li .proImg {
display: table-cell;
vertical-align: middle;
height: 240px;
width: 280px;
}
.productsList li img {
margin: auto;
}
.productsList p {
margin: 0;
font-size: 18px;
color: #3e4245;
}
.productsList p a:link, .productsList p a:visited {
color: #3e4245;
text-decoration: none;
}
.productsList p a:hover {
color: #5486da;
text-decoration: none;
}
.productsList span {
font-size: 14px;
color: #5486da;
}
@media only screen and (max-width: 960px) {
.tp-caption .zhumuD {
display: none;
}
}
@media only screen and (max-width: 768px) {
.productsList ul {
margin-top: 0;
}
.productsList li {
width: 100%;
padding: 20px 0 0 0;
}
.productsList li .proImg {
display: block;
height: auto;
width: auto;
padding-bottom: 20px;
}
.txycp {
margin: 50px 0 0 0;
}
.productsList {
padding: 0;
}
.huijianP li img {
height: 72px;
}
}
@media only screen and (max-width: 480px) {
.huijianP li {
width: ;
padding:0 3%;
font-size: 13px;
}
}
/*���*/
#RS {
height: 600px;
background: url(../images/banner_RS.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#RS {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#RS {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#RS {
height: 200px;
}
}
/*20151118*/
/*��Ƹ*/
.jobList {
padding-bottom: 50px;
overflow: hidden;
}
.jobList ul {
margin-bottom: -1px;
}
.jobList li {
border-bottom: 1px dashed #b7b6b6;
padding: 30px 0;
}
.jobList li h3 {
font-size: 18px;
line-height: 22px;
padding-bottom: 10px;
margin: 0;
}
.jobList li h3 a:link, .jobList li h3 a:visited {
color: #5486da;
text-decoration: none;
}
.jobList li h3 a:hover {
color: #5486da;
text-decoration: underline;
}
.jobList li p{
padding: 0;
margin: 0;
text-indent: 0;
font-size: 14px;
color: #6e6d6d;
line-height: 25px;
}
.jobList li p span {
display: inline-block;
padding-right: 50px;
}
.jobList li p span em {
font-weight: bold;
font-style: normal;
}
.jobInfo {
padding-bottom: 50px;
}
.jobInfo h3 {
font-size: 18px;
line-height: 22px;
padding: 30px 0 10px 0;
margin: 0;
color: #5486da;
}
.jobInfo p{
padding: 0;
margin: 0;
text-indent: 0;
font-size: 14px;
color: #6e6d6d;
line-height: 25px;
}
.jobInfo p a:link, .jobInfo p a:visited {
color: #6e6d6d;
text-decoration: none;
}
.jobInfo p a:hover {
color: #5486da;
text-decoration: none;
}
.jobInfo p.backToJob {
padding-top: 20px;
}
@media only screen and (max-width: 960px) {
.jobList li p span {
display: block;
}
}
/*��������*/
#law {
height: 600px;
background: url(../images/banner_law.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#law {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#law {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#law {
height: 200px;
}
}
/*siteMap*/
#SM {
height: 600px;
background: url(../images/banner_SM.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#SM {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#SM {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#SM {
height: 200px;
}
}
.siteMap {
padding: 50px 0;
}
.siteMap li {
font-size: 16px;
margin-bottom: 30px;
}
.siteMap li h3 {
border-bottom: 1px solid #e8e8e8;
line-height: 40px;
margin: 0;
}
.siteMap li a:link, .siteMap li a:visited, .siteMap li a:hover {
color: #5486da;
text-decoration: none;
}
.siteMap li li {
float: left;
padding-right: 80px;
font-size: 14px;
font-weight: bold;
margin: 10px 0 0 0;
}
.siteMap li li:last-child{padding-right: 0;}
.siteMap li li a:link, .siteMap li li a:visited {
color: #3e4245;
text-decoration: none;
}
.siteMap li li a:hover {
color: #5486da;
text-decoration: none;
}
.siteMap li li li {
font-weight: normal;
float: none;
margin: 0;
padding:0;
}
@media only screen and (max-width: 768px) {
.siteMap li li {
float: none;
}
}
#playerlist a {
text-decoration: none;
outline: none;
color: #FFF;
}
#a1 {
width: 75%!important;
height: 400px!important;
float: left!important;
}
#playerlist {
width: 25%;
height: 400px;
overflow: auto;
float: left;
background: #262626;
font-size: 12px;
}
#playerlist li {
list-style: none;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #333;
overflow: hidden;
padding-left: 10px;
cursor: pointer;
text-align: left;
}
#playerlist li:last-child {
border-bottom: none;
}
#playerlist li.crent {
background: #1C1C1C;
}
#playerlist li.crent a {
color: #FF7900;
}
#playerlist li a {
display: block;
color: #fff;
}
/* --------------------------------
xpopup
-------------------------------- */
.cd-popup {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: none;
opacity: 0;
display: none;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
opacity: 1;
display: block;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
position: relative;
width: 90%;
max-width: 640px;
margin: 8em auto 0 auto;
background: rgba(94, 110, 141, 0.9);
border-radius: .25em .25em .4em .4em;
text-align: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container p {
padding: 3em 1em;
}
.cd-popup-container .cd-buttons:after {
content: "";
display: table;
clear: both;
}
.cd-popup-container .cd-buttons li {
float: left;
width: 50%;
}
.cd-popup-container .cd-buttons a {
display: block;
height: 60px;
line-height: 60px;
text-transform: uppercase;
color: #FFF;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
background: #fc7169;
border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
background: #b6bece;
border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
position: absolute;
top: 0px;
left: 0px;
width: 30px;
height: 30px;
overflow: hidden;
text-indent: -999px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
content: '';
position: absolute;
top: 12px;
width: 14px;
height: 3px;
background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 8px;
}
.cd-popup-container .cd-popup-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 8px;
}
.is-visible .cd-popup-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
.cd-popup-container {
}
}
@media only screen and (max-width: 768px) {
#a1 {
width: 100%!important;
height: 240px!important;
}
#playerlist {
width: 100%!important;
height: auto;
}
.cd-popup-container {
height: 100%;
width: 100%;
margin: 0 auto;
overflow: auto;
}
}
/*��ƵҲ����*/
.video {
cursor: pointer;
width: 100%!important;
max-width: 720px;
height: auto!important;
margin: 10px auto;
}
/*��ҳ�ֲ�*/
.rayPlay h2 {
font-size: 30px;
padding-bottom: 20px;
color: #fff;
}
.rayPlay h2 img {
display: inline-block;
}
.rayPlay h2 aLink, .rayPlay h2 a:visited {
color:#fff!important;
text-decoration: none;
}
.rayPlay h2 a:hover {
color: #fff;
text-decoration: underline;
}
.rayPlay p {
font-size: 24px;
line-height: 30px;
color: #fff;
text-indent: 2em;
opacity: .5;
}
@media only screen and (max-width: 960px) {
.rayPlay h2 {
font-size: 18px!important;
}
.rayPlay p, .rayPlay span {
display: none;
}
}
.navigation {
float: left;
margin-left: 50px;
height: 60px;
}
.navigation li {
float: left;
position: relative;
font-size: 15px;
margin: 0 3px;
}
.navigation li a {
display: inline-block;
padding: 5px 12px;
border: 0!important;
border-radius: 3px;
color:#34404a;
line-height:50px;
}
.navigation li a[href=""]{cursor:default;}
.navigation li a:link, .navigation li a:visited {
color: #34404a;
text-decoration: none;
}
.navigation li a:hover {
color: #34404a;
text-decoration: underline!important;
background: ;
border: ;
}
/*.navigation li:last-child a:link, .navigation li:last-child a:visited {
color: #5486da;
font-weight: bold;
}*/
.navigation li:last-child a:hover {
color: ;
font-weight: ;
}
.navigation li.curPage a:link, .navigation li.curPage a:visited, .navigation li.curPage a:hover {
color: #fff;
text-decoration: none;
background: #5486da;
border: 1px solid #5486da;
}
.navigation li ul {
position: absolute;
padding: 25px 10px 20px 10px;
overflow: hidden;
background: #fbfbfb;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-bottom: 7px solid #5686d8;
top: 45px;
display: none;
}
.navigation li.h ul {
display: block;
}
.navigation li:nth-child(2) ul {
width: 660px;
margin-left: -45px;
}
.navigation li:nth-child(3) ul {
width: 425px;
margin-left: -26px;
}
.navigation li:nth-child(5) ul {
width: 640px;
margin-left: -272px;
}
.navigation li ul ul {
position: static;
padding: 10px 0 0 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border: 0;
width: auto!important;
margin-left: 0!important;
display: block;
}
.navigation li li {
padding: 0 35px;
border-right: 1px solid #eee;
margin: 0;
}
.navigation li:nth-child(2) ul li:nth-child(3), .navigation li:nth-child(3) ul li:nth-child(3) {
border: 0;
}
.navigation li:nth-child(5) ul li {
width: 155px;
}
.navigation li:nth-child(5) ul li:nth-child(4n) {
border: 0;
}
.navigation li li a{
padding: 0;
}
.navigation li li a:link, .navigation li li a:visited {
color: #34404a!important;
text-decoration: none;
background: none!important;
border: 0!important;
font-weight: normal!important;
}
.navigation li li a:hover {
color: #5686d8!important;
text-decoration: none;
background: none!important;
border: 0!important;
font-weight: normal!important;
}
.navigation li li li {
float: none;
padding: 0;
border: 0;
margin: 0;
font-size: 14px;
}
.navigation li li li a{
padding: 0;
}
.navigation li li li a:link, .navigation li li li a:visited {
color: #898d90!important;
}
.navigation li li li a:hover {
color: #5686d8!important;
}
@media only screen and (max-width: 960px) {
.navigation {
position: absolute;
top: 53px;
right: 0;
width: 200px;
background: #5486da;
border-radius: 5px;
display: none;
height: auto;
}
.navigation li {
float: none;
border: 0!important;
border-radius: 0;
margin: 0;
}
.navigation ul {
display: block!important;
position: static!important;
margin: 0!important;
width: auto!important;
border: 0!important;
background: none!important;
}
.navigation a {
width: 100%;
border: 0!important;
border-radius: 0;
}
.navigation li a:link, .navigation li a:visited {
color: #34404a!important;
text-decoration: none;
}
.navigation li a:hover {
color: #fff!important;
text-decoration: none;
background: none;
border: 0;
}
.navigation li.curPage a:link, .navigation li.curPage a:visited, .navigation li.curPage a:hover {
color: #fff;
text-decoration: none;
background: #none;
border: 0;
}
.navigation li li {
padding: 0 25px;
height: auto!important;
}
.navigation li ul {
padding: 0 0 15px 0;
}
.navigation li ul ul {
padding: 0;
}
.navigation li li a:link, .navigation li li a:visited {
color: #34404a!important;
}
.navigation li li a:hover {
color: #fff!important;
}
.navigation li li li a:link, .navigation li li li a:visited {
color: #34404a!important;
}
.navigation li li li a:hover {
color: #fff!important;
}
}
.subMenu {
position: absolute;
top: 50px;
left: 0;
background: #fbfbfb;
padding: 20px 25px;
border-radius: 7px;
overflow: hidden;
display: none;
}
.subMenuItem {
/*display: none;*/
}
#products {
width: 1155px;
*+width: 1145px;
}
#news {
width: 758px;
*width: 710px;
}
#aboutUs {
width: 800px;
*width: 750px;
}
.subMenu ul {
margin: 0 auto;
}
#products ul {
/*width: 1066px;*/
}
.subMenu li {
float: left;
font-size: 16px;
text-align: center;
position: relative;
}
.subMenu li h3 {
font-size: 16px;
font-weight: normal;
line-height: 24px;
margin: 0;
padding: 0;
}
#news li {
text-align: left;
}
.subMenu li a {
display: block;
padding-bottom: 15px;
border-bottom: 1px solid #e2e1e1;
color:#2d82f5;
}
.subMenu li a[href=""]{cursor:default;}
.subMenu li a:link, .subMenu li a:visited, subMenu li a:hover {
color: #2d82f5;
text-decoration: none;
}
.subMenu li span {
position: absolute;
right: 0;
top: 4px;
font-size: 10px;
}
.subMenu li span a {
display: inline;
padding: 0;
border: 0;
}
.subMenu li span a:link, .subMenu li span a:visited {
color: #666666;
text-decoration: none;
}
.subMenu li span a:hover {
color: #2d82f5;
text-decoration: none;
}
.subMenu li div a {
padding: 0;
border: 0;
}
#aboutUs li div {
border-radius: 5px;
overflow: hidden;
box-shadow: 3px 1px 5px #ccc;
-webkit-box-shadow: 3px 1px 5px #ccc;
-moz-box-shadow: 3px 1px 5px #ccc;
-ms-box-shadow: 3px 1px 5px #ccc;
-box-shadow: 3px 1px 5px #ccc;
}
.subMenu li li {
font-size: 14px;
padding: 3px 15px 0 25px;
height: auto;
line-height: 16px;
}
#aboutUs li li {
padding: 10px 0 0 45px;
}
.subMenu li li a {
display: inline;
border: 0;
padding: 0;
}
.subMenu li li a:link, .subMenu li li a:visited {
color: #898d90;
text-decoration: none;
}
.subMenu li li a:hover {
color: #5686d8;
text-decoration: none;
}
#aboutUs li li a {
padding: 0 0 0 5px;
}
#aboutUs li li a:link, #aboutUs li li a:visited {
color: #898d90;
text-decoration: none;
/*border-left: 2px solid #fbfbfb;*/
}
#aboutUs li li a:hover {
color: #5686d8;
text-decoration: none;
/*border-left: 2px solid #3da0d6;*/
}
.subMenu li div {
float: left;
}
.subMenu ul ul {
width: auto!important;
border: 1px solid #f3f3f3;
border-radius: 5px;
overflow: hidden;
box-shadow: 3px 1px 5px #ccc;
-webkit-box-shadow: 3px 1px 5px #ccc;
-moz-box-shadow: 3px 1px 5px #ccc;
-ms-box-shadow: 3px 1px 5px #ccc;
-o-box-shadow: 3px 1px 5px #ccc;
margin-top: 15px;
}
#aboutUs ul ul {
width: 375px!important;
border-radius: 0;
border: 0;
box-shadow: none;
-webkit-box-shadow: none;;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
margin: 0
}
#cases{left:110px;}
#cases ul ul {
width: 200px!important;
border-radius: 0;
border: 0;
box-shadow: none;
-webkit-box-shadow: none;;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
margin: 0
}
#cases li{text-align:left; padding-left:0;}
#cases ul ul li{float:none;}
#downloads{left:266px; height:170px;}
#downloads ul ul {
width: 200px!important;
border-radius: 0;
border: 0;
box-shadow: none;
-webkit-box-shadow: none;;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
margin: 0
}
#downloads li{text-align:left; padding-left:0;}
#downloads ul ul li{float:none;}
.h {display:block;}
.support {
padding: 20px 0;
}
.support h2{
font-size: 40px;
color: #666;
text-align: center;
line-height: 80px;
}
.support li {
float: left;
width: 24.9%;
border-bottom: 1px solid #d2d2d2;
padding-bottom: 30px;
margin-bottom: 15px;
}
.supportItem {
margin-right: 30px;
}
.supportItem h3 {
font-size: 24px;
color: #fff;
text-align: center;
line-height:70px;
box-shadow: 1px 1px 5px #696969;
margin-bottom: 35px;
}
.st {
padding: 20px 20px;
height: 140px;
border-radius: 5px;
font-size: 14px;
color: #fff;
line-height: 28px;
box-sizing: content-box;
}
.joinM {
display: none;
}
.joinM ul {
padding-left: 30px;
}
.joinM li {
list-style-type: decimal;
list-style-position: inside;
font-size: 16px;
line-height: 30px;
}
.joinForm {
width: 500px;
}
.joinForm h3 {
font-size: 30px;
color: #ac0303;
line-height: 40px;
padding: 10px;
text-align: center;
}
.joinForm p {
font-size: 18px;
color: #ac0303;
line-height: 25px;
padding: 10px 0;
text-align: center;
}
.joinForm table {
font-size: 20px;
}
.joinForm input {
width: 99%;
box-sizing: content-box;
border: 1px solid #666;
margin: 10px 0;
height: 35px;
font-family: "���ź�";
}
.joinForm input.formBtn {
float: none;
width: 60%;
height: 50px;
background: #5486da;
color: #fff;
font-size: 20px;
font-family: "���ź�";
border: 1px solid #5486da;
border-radius: 5px;
}
.joinUs {
padding: 30px 0;
}
.joinUs li {
width: 18.3%;
float: left;
margin: 0 7.5% 20px 7.5%;
}
.joinUs img {
margin: 10px auto;
}
.joinUs h3 {
font-size: 24px;
color: #1e4c98;
line-height:40px;
text-align: center;
}
.joinUs li li {
width: auto;
float: none;
padding-left: 40px;
font-size: 16px;
color: #fff;
line-height: 28px;
list-style-type: square;
list-style-position: inside;
margin: 0;
}
.joinNow {
font-size: 20px;
text-align: center;
}
.joinNow a {
display: inline-block;
padding: 7px 30px;
background: #f54450;
border-radius: 4px;
}
.joinNow a:link,.joinNow a:visited,.joinNow a:hover {
color: #fff;
text-decoration: none;
}
.tab1 {
float: left;
font-size: 15px;
}
.tab2 {
float: left;
font-size: 15px;
margin-top: ;
}
@media only screen and (max-width: 960px) {
.support li {
width: 100%;
float: none;
border: 0;
padding-bottom: 20px;
margin: 0;
}
.st {
height: auto;
}
.supportItem {
margin: 0;
}
.join {
display: none;
}
.joinM {
display: block;
}
.joinForm {
width: 100%;
}
.joinUs li {
width: auto;
float: none;
}
.joinUs li li {
padding-left: 60px;
}
.newsContent {
padding: 20px 0;
}
}
@media only screen and (max-width: 768px) {
.tab1, .tab2 {
float: none;
width: 100%;
margin: 0;
}
}
.tp-caption a {
color: #ff7302;
text-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out
}
.tp-caption a:hover {
color: #ffa902
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
/*font-family: "Open Sans", helvetica, arial, sans-serif;*/
font-family: "���ź�", helvetica, arial, sans-serif!important;
}
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {
font-family: "���ź�", helvetica, arial, sans-serif;
font-size: 14px;
}
.sidebar .widget h3.widget-title {
font-size: 14px;
font-family: "���ź�", helvetica, arial, sans-serif;
}
#menu > li > a, #menu > li > a:visited {
font-size: 16px;
color: #333333;
font-family: "���ź�", helvetica, arial, sans-serif;
}
body {
font-size: 13px;
color: #7a7a7a;
font-family: "���ź�", helvetica, arial, sans-serif;
line-height:inherit!important;
}
.jz_conv_8888_bottom-box{display:none!important;}
.tbutton.accent, .wbutton, .widget_shopping_cart_content .button, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button, .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce div.product span.price ins, .woocommerce div.product p.price ins, .woocommerce #content div.product span.price ins, .woocommerce #content div.product p.price ins, .woocommerce-page div.product span.price ins, .woocommerce-page div.product p.price ins, .woocommerce-page #content div.product span.price ins, .woocommerce-page #content div.product p.price ins, .sf-menu > li.current_page_item > a, .woocommerce .show_review_form.button, #form-comment #submit, nav.woocommerce-pagination ul li a:hover, nav.woocommerce-pagination ul li span.current, .wpcf7-submit:hover {
color: #fff;
background-color: #5486da;
}
a:hover, .fancy-features-list li.active a, .fancy-features-list li.active a i, .preve:hover, .nexte:hover, .breadcrumbIn ul li a:hover, .active_link, .foot-menu li a:hover, .post_meta a:hover, .post_more, .languages a:hover, .languages:hover > a, .ht-icon.gray-scale:hover, .other_languages a:hover, .widget_categories ul li:hover, .widget_archive ul li:hover, .services [class^="grid_"]:hover .s_icon, .services div:hover .s_icon i, .services [class^="grid_"]:hover .tbutton:hover, .services div:hover .tbutton:hover, .widget_search .search-box button:hover, #newsletters button:hover, .thumb-list .post-meta, .recent-tweets li i, .f_portfolio .inner a, .portfolio .inner a, .big-slider .flex-direction-nav a:hover i, .f_portfolio .prev-holder:hover, .f_portfolio .next-holder:hover, .projectslider .flex-direction-nav a:hover i, .countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds, .pricing-table .head h4, .tbutton:hover, .wbutton:hover, #toTop:hover, .page-content .search-box button:hover, .page-content .search-box button:focus, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price, .product_meta a:hover, .widget ul li.current-menu-item a, .dark-layout .shop_table input[type="submit"]:hover, .dark-layout input[type="reset"]:hover, #form-comment #submit:hover, .tbutton.accent:hover {
color: #5486da;
}
.tbutton.accent:hover, input[type=text]:focus, textarea:focus, input[type=email]:focus, .wpcf7-text:focus, .wpcf7-number:focus, .wpcf7-date:focus, .wpcf7-select:focus, #toTop:hover, .languages a:hover, .languages:hover > a, .other_languages, #track_input:focus, #contactForm #senderName:focus, #contactForm #senderEmail:focus, #contactForm #message:focus, #contactForm #sendMessage:hover, #sendOrder:hover, #contactForm #comment-button:hover, .sf-menu > li:hover > a, .sf-menu > li > a:hover, .sf-menu li.current-menu-parent > a, .current_page_item > a, .wp-pagenavi a:hover, .wp-pagenavi .current, .services [class^="grid_"]:hover .tbutton, .services [class^="grid_"]:hover .tbutton:hover, .fancy_testimonial li.active a .testimonial-img-wrap, .widget > ul li.current a, .widget ul li:hover > a, .widget ul ul li:hover > a, .widget ul ul ul li:hover > a, .widget_search .search-box input:focus, #newsletters input:focus, .coupon_input:focus, .flickr a:hover img, .widget_tag_cloud a:hover, .widget_product_tag_cloud a:hover, .filterable li.current a, .filterable li a:hover, .f_portfolio .prev-holder:hover, .f_portfolio .next-holder:hover, .wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-state-active, .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-state-active, .load_more_portfolio a:hover, ul.showcomments .reply a:hover, #commentform input:focus, #commentform textarea:focus, #commentform .send-message:hover, .tbutton:hover, .wbutton:hover, .featured_table, .ht-icon.gray-scale:hover, .post-area .search-box button:hover, .post-area .search-box button:focus, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, #form-comment #submit, .tbutton.accent:hover, nav.woocommerce-pagination ul li a:hover, nav.woocommerce-pagination ul li span.current, .wpcf7-submit:hover {
border-color: #5486da;
}
.tipsy-n .tipsy-arrow:before, .fancy_testimonial li.active:after, .widget > ul li.current a, .widget ul li:hover > a, .widget ul ul li:hover > a, .widget ul ul ul li:hover > a, .widget_categories ul li:hover, .widget_product_categories ul li:hover, .widget_archive ul li:hover, .widget ul li.current-menu-item a, #recentcomments li.recentcomments:hover, .fancy_testimonial ul {
border-bottom-color: #5486da
}
.tipsy-s .tipsy-arrow:before, .action, .dark_action, .tipsy-e .tipsy-arrow:before {
border-top-color: #5486da;
}
.tipsy-w .tipsy-arrow:before {
border-right-color: #5486da;
}
.labele {
border-left-color: #5486da;
}
.sf-menu li li {
border-top-color: #6693de;
border-bottom-color: #4c79c4;
}
.sf-menu ul li:hover, .sf-menu li .current-menu-item, .sf-menu li .current_page_item {
background-color: #436bae;
}
.vc_progress_bar .vc_single_bar.accent .vc_bar, #commentform .send-message:hover, .tbutton, .table tfoot td, .tipsy-inner, #mobilepro, #contactForm #sendMessage:hover, #sendOrder:hover, #contactForm #comment-button:hover, .sf-menu ul li, .sf-menu > li:hover > a, .sf-menu > li > a:hover, .sf-menu > li.current-menu-parent > a, ul.mega, .sf-menu .mega li:hover, .sf-menu .mega li.current, .f_blog .f_hover, .post-links a:hover i, .related_posts a span, .related_posts a:hover span, .wp-pagenavi a:hover, .wp-pagenavi .current, .services [class^="grid_"]:hover .s_icon span, .services [class^="grid_"]:hover .tbutton, .widget_tag_cloud a:hover, .widget_product_tag_cloud a:hover, #wp-calendar td:hover, #wp-calendar tfoot td:hover, #wp-calendar tfoot td:hover a, #wp-calendar td#today, #wp-calendar td#today:hover a, .filterable li.current a, .filterable li a:hover, .load_more_portfolio a:hover, .f_portfolio .f_hover, .portfolio .f_hover, .project_links a:hover i, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .ui-state-active .ui-icon, h4.wpb_toggle span, .wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-state-active, .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-state-active, ul.showcomments .reply a:hover, .featured_table .recommended, .big-slider h3, .big-slider p, .services [class^="grid_"]:hover span.fa-check, .table th, .woocommerce ul.product_list_widget li ins, .woocommerce-page ul.product_list_widget ins, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .dark-layout .shop_table input[type="submit"]:hover, .dark-layout input[type="reset"]:hover, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #5486da;
}
@media only screen and (max-width: 959px) {
.sf-menu {
background-color: #5486da;
}
}
.f_blog .f_hover, .f_portfolio .f_hover, .portfolio .f_hover, .big-slider h3, .big-slider p, .related_posts a span {
background: rgba(84, 134, 218, 0.7);
}
.widget:not(.widget_archive):not(.widget_categories):not(.widget_product_categories) > ul li.current a, .widget:not(.widget_archive):not(.widget_categories):not(.widget_product_categories) ul li:hover > a, .widget_categories li:hover, .widget_archive li:hover, .product-categories li:hover, #recentcomments li.recentcomments:hover, .widget ul li.current-menu-item a, .widget ul ul li:hover > a, .widget ul ul ul li:hover > a {
background: rgba(84, 134, 218, 0.07);
}
.table tr:hover, tr.topic-sticky {
background: rgba(84, 134, 218, 0.2);
}
::-moz-selection {
background: #5486da;
}
::selection {
background: #5486da;
}
@media screen and (min-width:397px) and (max-width:779px) {
.head_up {
display: none;
}
}
/* .nav-select {
position: fixed;
top: 43%;
right: 5%;
background: #0CF;
border: 1px solid #000;
z-index: 10000;
}
.nav-select a {
display: block;
width: 78px;
height: 70px;
margin-top: 20px;
}
.nav-select a.qq {
background: url(images/qq.png) no-repeat;
width: 81px;
height: 23px;
overflow: hidden;
text-indent: -9999px;
}
.nav-select a.top {
width: 83px;
height: 44px;
line-height: 44px;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: bold;
background: rgba(255, 255, 255, 0.5);
}*/
* {
font-family: "���ź�";
}
@media screen and (max-width: 957px) {
.head_up {
height: 52px;
}
}
.shopping_bag {
float: right;
margin: 0;
position: relative;
background: url(http://www.suirui.com/statics/css/suirui/tel_normal.png) no-repeat left;
}
.shopping_bag:hover {
background: url(http://www.suirui.com/statics/css/suirui/tel_hover.png) no-repeat left;
}
.header_bag {
position: relative;
margin: 0 0 0 2px;
padding: 4px 10px;
font-size: 26px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.header_bag a {
color: #A7A7A7;
}
.header_bag a i {
font-size: 24px;
vertical-align: middle;
}
.header_bag a:hover, .shopping_bag:hover .header_bag a {
color: #191919;
}
.header_bag span {
position: relative;
/*font-size: 12px;*/
padding-left: 6px;
}
.phone span {
color: #f0685a;
}
.social .sina {
background: url(http://www.suirui.com/statics/css/suirui/xinlang_normal.png) no-repeat;
width: 30px;
height: 28px;
overflow: hidden;
}
.social .sina:hover {
background: url(http://www.suirui.com/statics/css/suirui/xinlang_hover.png) no-repeat;
width: 30px;
height: 28px;
overflow: hidden;
}
.social .weixin {
background: url(http://www.suirui.com/statics/css/suirui/weixin_normal.png) no-repeat;
width: 30px;
height: 28px;
overflow: hidden;
}
.social .weixin:hover {
background: url(http://www.suirui.com/statics/css/suirui/weixin_hover.png) no-repeat;
width: 30px;
height: 28px;
overflow: hidden;
}
.coder {
display: none;
background: url(http://www.suirui.com/statics/css/suirui/weixin.jpg) no-repeat;
width: 130px;
height: 130px;
position: absolute;
top: 97%;
left: 38%;
z-index: 1000;
}
.social a {
color: #A1A1A1;
font-size: 15px;
font-weight: bold;
line-height: 32px;
}
.asideArea ul li a.on {
background-color: #1171F5;
color: #fff;
transition: all .5s ease;
}
.phone {
transition: all .5s ease;
}
.phone:hover {
transition: all .5s ease;
}
.phone span {
color: #A1A1A1;
transition: all .5s ease;
}
.phone span:hover {
color: #5486da;
transition: all .5s ease;
}
@media screen and (min-width:74px) and (max-width:960px) {
.grid_8 {
width: 100%
}
}
.video{ cursor:pointer;}
.sf-sub-indicator i{}
.video:hover .blue-bg{opacity:1;}
.blue-bg{width:100%; height:100%; left:0; top:0; text-align:center; position:absolute; opacity:0;z-index:2;}
.hover-word{height:64px; line-height:64px; font-size:22px; background:#f9f9f9; color:#184ea9; bottom:0; left:0; width:98%; margin:0 auto; text-align:center; z-index:1;}
.hover-word a:link, .hover-word a:visited, .hover-word a:hover{color:#184ea9; text-decoration:none;}
.fancy-features-image .showme img{box-shadow: 1px 3px 5px #ccc; -webkit-box-shadow: 1px 3px 5px #ccc; -moz-box-shadow: 1px 3px 5px #ccc; -o-box-shadow: 1px 3px 5px #ccc; -ms-box-shadow: 1px 3px 5px #ccc;}
.zz1{background:url(http://www.suirui.com/statics/css/suirui/huijian1.png) no-repeat center center rgba(84, 134, 218, 0.7);}
.zz2{background:url(http://www.suirui.com/statics/css/suirui/zhumu3.png) no-repeat center center rgba(84, 134, 218, 0.7);}
.zz3{background:url(http://www.suirui.com/statics/css/suirui/ruibo1.png) no-repeat center center rgba(84, 134, 218, 0.7);}
.nav-select {
position: fixed;
top: 60%;
right: 5%;
z-index: 10000;
width:18%;
}
.nav-select a {
display: block;
margin:10px auto;
float:right;
}
.nav-select a:hover{
/*width: 100%;*/
/*height: 44px;
overflow: hidden;*/
}
.nav-select a.qq {
background:url(http://www.suirui.com/statics/css/suirui/qq.png) no-repeat top right; width:100%; height:40px;
/*right:0;
bottom:0;*/
}
.nav-select a.top {
background:url(http://www.suirui.com/statics/css/suirui/top.png) no-repeat right; width:100%; height:40px;
/*right:0;
top:0;*/
}
.nav-select a.qq:hover {
background:url(http://www.suirui.com/statics/css/suirui/hoverqq.png) no-repeat top right; width:120%; height:40px;
/*right:0;
bottom:0;*/
}
.nav-select a.top:hover {
background:url(http://www.suirui.com/statics/css/suirui/hovertop.png) no-repeat right; width:120%; height:40px;
/*right:0;
top:0;*/
}
@media only screen and (max-width: 960px) {
#menu > li > a, #menu > li > a:visited {
color: #333333!important;
}
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
.my-map { margin: 0 auto; width: 400px; height: 230px; }
.amap-container{height: 100%;}
#dituContent label{width: auto}
.submit {
background: none;
padding: 6px 19px !important;
border: 1px solid #333;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #333;
}
.submit:hover {
color: #fff;
background-color: #5486da;
}
.tp-caption.black {
color: #000;
text-decoration: none;
background-color: transparent;
font-family: "Raleway", Open Sans;
text-shadow: none;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.tp-caption.largeblackbg {
color: #ffffff;
text-decoration: none;
background-color: rgba(0, 0, 0, 0.67);
font-family: "Raleway", Open Sans;
text-shadow: none;
font-size: 50px;
line-height: 70px;
font-weight: 300;
padding: 0px 20px 0px 20px;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none
}
.tp-caption.largepinkbg {
font-size: 50px;
line-height: 70px;
font-weight: 300;
font-family: "Raleway", Open Sans;
color: #fff;
text-decoration: none;
background-color: rgba(219, 67, 96, 1);
padding: 10px 10px 10px 10px;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none
}
.tp-caption.medium_bg_darkblue {
font-size: 20px;
line-height: 20px;
font-weight: 800;
font-family: "Raleway", Open Sans;
color: #ffffff;
text-decoration: none;
background-color: rgba(52, 73, 94, 0.811765);
padding: 10px 10px 10px 10px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none
}
.tp-caption.new_a {
font-size: 40px;
color: #5486da;
text-decoration: none;
background-color: transparent;
font-family: "Raleway", Open Sans;
text-shadow: none;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.black {
color: #000;
text-decoration: none;
background-color: transparent;
font-family: "Raleway", Open Sans;
text-shadow: none;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
.largeblackbg {
color: #ffffff;
text-decoration: none;
background-color: rgba(0, 0, 0, 0.67);
font-family: "Raleway", Open Sans;
text-shadow: none;
font-size: 50px;
line-height: 70px;
font-weight: 300;
padding: 0px 20px 0px 20px;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none
}
.largepinkbg {
font-size: 50px;
line-height: 70px;
font-weight: 300;
font-family: "Raleway", Open Sans;
color: #fff;
text-decoration: none;
background-color: rgba(219, 67, 96, 1);
padding: 10px 10px 10px 10px;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none
}
.medium_bg_darkblue {
font-size: 20px;
line-height: 20px;
font-weight: 800;
font-family: "Raleway", Open Sans;
color: #ffffff;
text-decoration: none;
background-color: rgba(52, 73, 94, 0.811765);
padding: 10px 10px 10px 10px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none
}
.new_a {
font-size: 40px;
color: #5486da;
text-decoration: none;
background-color: transparent;
font-family: "Raleway", Open Sans;
text-shadow: none;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none
}
/*p404*/
.bg404{
background:#dce8f2;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f8fb', endColorstr='#cedeee',GradientType=0 );
background:-webkit-gradient(linear,left top,left bottom,from(#f5f8fb),to(#cedeee));
background:-moz-gradient(linear,left top,left bottom,from(#f5f8fb),to(#cedeee));
background:-o-gradient(linear,left top,left bottom,from(#f5f8fb),to(#cedeee));
background:-ms-gradient(linear,left top,left bottom,from(#f5f8fb),to(#cedeee));
padding:100px 0px;
}
.message404{
float:right;
width:750px;
text-align:center;
}
.flexslider{
width:367px;
float:left;
margin-left:50px!important;
display:inline-block;
}
.flexslider img{
border-top-left-radius:5px;
border-top-right-radius:5px;
}
.flexslider p{
background:#3c7cba;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
line-height: 40px;
text-indent:20px;
font-size:18px;
}
.flexslider a:link,.flexslider a:visited,.flexslider a:hover{
color:#fff!important;
text-decoration:none;
}
.flex-control-nav{
bottom:2px!important;
right:10px!important;
}
.message404{
margin-bottom:30px;
}
.message404 h1{
font-family:"���ź�";
font-size:30px;
font-weight:normal;
color:#3a3a3a;
line-height:40px;
padding:10px;
margin:0;
}
.message404 p{
font-size:16px;
color:#3a3a3a;
margin-bottom:15px;
}
.message404 img{
display:inline-block;
}
.message404 a:link,.message404 a:visited,.message404 a:hover{
color:#11569b;
text-decoration:none;
font-style:italic;
font-weight:bold;
}
.message404 em{
color:#d70e1b;
font-weight:bold;
}
@media only screen and (max-width: 960px){
.message404{
float:none;
margin:0 auto 40px auto;
}
.flexslider{
float:none;
}
}
@media only screen and (max-width: 768px){
.message404{
width:auto;
}
.flexslider{
width:auto;
margin:0!important;
}
}
.preNextNews{
padding-bottom:20px;
}
.preNextNews li{
width: 50%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (max-width: 960px){
.preNextNews li{
float:none!important;
width: 100%;
}
.newsContent {
width: 100%;
float: none;
}
.newsRight {
width: 100%;
float: none;
margin-top: 0px;
}
.ad li {
float: left;
width: 33.3%;
}
.hotn li {
float: left;
width: 33.3%;
}
}
@media only screen and (max-width: 768px){
.moreNewsList li {
width: 100%;
}
.ad li {
float: none;
width: 100%;
text-align: center;
}
.ad li img {
margin: 0 auto;
}
.hotn li {
float: none;
width: 100%;
}
}
/*solution page*/
#solution {
height: 400px;
background: url(../images/banner_solution.jpg) 50% no-repeat;
background-size: cover;
}
.solutionList {
margin: 30px auto;
}
.solutionList li {
float: left;
width: 33.3%;
}
.soCl {
margin: 0 30px;
text-align: center;
font-size: 18px;
line-height: 30px;
}
.soCl p a:link,.soCl p a:visited,.soCl p a:hover{color:#7a7a7a; text-decoration:none;}
.soImg {
border: 2px solid #d3d1d2;
padding: 5px;
}
.companyList {
margin: 0 25px 20px 25px;
}
.companyList h2 {
font-size: 36px;
font-weight: normal;
color: #979797;
line-height: 50px;
margin-bottom: 20px;
}
.companyList li {
float: left;
width: 16.6666%;
margin-bottom: 20px;
}
.comLogo {
margin: 0 5px;
border: 3px solid #56a4d2;
border-radius: 5px;
}
@media only screen and (max-width: 960px) {
#solution {
height: 200px;
}
.solutionList {
margin: 30px auto 10px auto;
}
.solutionList li {
width: 49.9%;
}
.companyList li {
width: 33.33%;
margin-bottom: 10px;
}
.companyList h2 {
font-size: 24px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 768px) {
#solution {
height: 160px;
}
.solutionList li {
width: 100%;
}
.companyList li {
width: 49.9%;
}
}
@media only screen and (max-width: 480px) {
#solution {
height: 130px;
}
}
.link {
border-top: 2px solid #e4e4e4;
background: #fff;
}
.link h3 {
float: left;
padding: 23px;
font-size: 14px;
font-weight: normal;
line-height: 24px;
margin: 0;
cursor: pointer;
}
.link p {
left: 120px;
padding: 23px 23px 23px 0;
word-break: break-all;
display: none;
float: left;
width: 85%;
}
@media only screen and (max-width: 640px) {
.link h3 {
float: none;
margin-bottom: 5px;
padding-bottom: 0;
}
.link p {
position: static;
padding: 0 23px 23px 23px;
width: auto;
}
}
/* download */
#download {
height: 850px;
background: url(../images/banner_download.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#download {
height: 425px;
}
}
@media only screen and (max-width: 768px) {
#download {
height: 350px;
}
}
@media only screen and (max-width: 480px) {
#download {
height: 200px;
}
}
.downloadCenter {
padding: 10px 0;
}
.downloadNav {
padding-bottom: 50px;
}
.downloadNav li {
float: left;
width: 49.99%;
border-bottom: 2px solid #fff;
line-height: 50px;
text-align: center;
font-size: 22px;
font-weight: bold;
color: #686869;
}
.downloadNav li.act {
border-bottom: 2px solid #2d82f5;
color: #2d82f5;
}
.downloadNav li a {
color: #686869;
cursor: pointer;
}
.downloadNav li.act a {
color: #2d82f5;
cursor: pointer;
}
.downloadNav li a:link, .downloadNav li a:visited, .downloadNav li a:hover {
color: #686869;
text-decoration: none;
}
.downloadNav li.act a:link, .downloadNav li.act a:visited, .downloadNav li.act a:hover {
color: #2d82f5;
text-decoration: none;
}
.zm {
margin-bottom: 50px;
}
.zmImg {
float: left;
width:45%;
text-align: center;
}
.zmImg img {
display: inline-block;
}
.zmInfo {
float: right;
width: 54%;
}
.zmInfo h2 {
font-size: 40px;
font-weight: bold;
color: #2d82f5;
line-height:50px;
margin-bottom: 20px;
}
.zmInfo p {
text-indent: 2em;
font-size: 20px;
color: #595757;
line-height: 33px;
margin-bottom: 20px;
}
.downloadBtn {
text-indent: 0!important;
}
.downloadBtn img {
display: inline-block;
vertical-align: middle;
}
.downloadBtn span {
display: inline-block;
padding: 10px;
border-radius: 20px;
background: #35aef7;
}
.downloadBtn span a:link, .downloadBtn span a:visited, .downloadBtn span a:hover {
color: #fff;
text-decoration: none;
}
.downloadList {
text-align: center;
width: 80%;
margin: 0 auto 30px auto;
}
.downloadList li {
display: inline-block;
text-align: center;
width: 195px;
}
.downloadList li img {
display: inline-block;
}
.downloadList li p {
text-align: left;
line-height:50px;
font-size: 16px;
}
.downloadList li p i {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
}
.downloadList li p i img {
vertical-align: middle;
}
.downloadList li p a:link, .downloadList li p a:visited, .downloadList li p a:hover {
color: #fff;
text-decoration: none;
}
.hjsc {
float: right;
width: 50%;
}
.hjsc h3 {
font-size: 27px;
line-height: 50px;
font-weight: normal;
color: #2d82f5;
margin-bottom: 10px;
}
.hjsc dl {
font-size: 18px;
line-height: 30px;
padding: 10px 0;
color:#595757;
width:49.99999999999%;
float:left;
padding-right:2%;
box-sizing:border-box;
}
.hjsc dl dd {
display: inline-block;
width: 100%;
}
.hjsc dl dt {
display: inline-block;
width: 19%;
font-weight: normal;
}
.hjsc dl dt a:link, .hjsc dl dt a:visited, .hjsc dl dt a:hover {
color: #2d82f5;
text-decoration: none;
}
@media only screen and (max-width: 960px) {
.zmImg {
width: 100%;
}
.zmInfo {
width: 100%;
}
.downloadList {
width: 100%!important;
}
.hjsc {
width: 100%;
}
.hjsc dl{width:100%;}
}
@media only screen and (max-width: 766px) {
.downloadCenter {
padding: 30px 0;
}
.downloadBtn span {
display: block;
margin-bottom: 10px;
float: none!important;
text-align: center;
}
.downloadList li {
display: block;
float: none!important;
margin:20px auto;
}
}
@media only screen and (max-width: 480px) {
.downloadCenter {
padding: 10px 0 20px 0;
}
.downloadNav {
padding-bottom: 20px;
}
.downloadNav li {
font-size:16px;
line-height:30px;
}
.zmInfo h2 {
font-size: 24px;
line-height: 35px;
margin-bottom: 10px;
}
.zmInfo p {
font-size: 16px;
line-height: 24px;
}
.zm {
margin-bottom:10px;
}
.downloadBtn span {
width: 190px;
margin: 0 auto 10px auto;
}
.downloadList {
margin-bottom: 10px;
}
.downloadList li p{
line-height: 40px;
}
.downloadList li p i {
width: 40px;
height: 40px;
line-height: 40px;
}
.hjsc {
width: 90%;
}
.hjsc h3 {
font-size: 24px;
line-height: 30px;
margin-bottom: 10px;
}
.hjsc dl {
line-height: 25px;
padding: 5px 0;
font-size: 16px;
}
}
/*RS-M8*/
#srm8 {
height: 600px;
background: url(../images/banner_sr-m8.jpg) center center no-repeat;
}
#srm8 h1 {
margin: 0;
padding-bottom: 10px;
color: #0459a1;
}
#srm8 p {
text-indent: 0;
color: #0459a1;
}
@media only screen and (max-width: 960px) {
#srm8 {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#srm8 {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#srm8 {
height: 200px;
}
}
.area1 {
padding: 40px 0;
color: #575858;
}
.area1 h3 {
padding-left: 40px;
font-size: 24px;
background-image:url(../images/dot.png);
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
color: #282727;
font-weight: bold;
}
.area1 h4 {
font-size: 18px;
color: #0459a1;
padding: 10px 40px;
}
.area1 p {
padding: 0 40px 40px 40px;
}
.subArea1 {
padding:10px 40px;
}
.subArea1 li {
float: left;
width: 44.99999%;
height: 80px;
padding-right: 3%;
font-size: 16px;
padding-left: 10px;
background: url(../images/dotdd.png) left 5px no-repeat;
}
.subArea2 {
padding: 10px 40px;
}
.subArea2 li {
float: left;
width: 15.99999%;
margin-right: 9%;
}
.subArea3 {
padding: 10px 40px;
}
.subArea3 li {
float: left;
width: 22.333333%;
margin-right: 11%;
text-align: center;
}
.subArea3 li img {
margin-bottom: 15px;
}
.subArea4 {
padding: 10px 40px;
}
.subArea4 li {
font-size: 18px;
font-weight: bold;
padding: 10px 0 5px 0;
list-style-type: square;
list-style-position: inside;
}
.subArea4 li li {
font-size: 14px;
font-weight: normal;
list-style-type: none;
padding-left: 20px;
}
@media only screen and (max-width: 768px) {
#srm8 .bannerInfo {
left: 0!important;
}
.subArea1 li {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.subArea2 {
padding:0 40px;
}
.subArea2 li {
width: 46.99999%;
margin: 0 3% 20px 0;
}
.subArea3 li {
width: 75%;
margin-bottom:20px;
}
}
@media only screen and (max-width: 480px) {
.area1 {
padding: 25px 0 10px 0;
}
.subArea2 li {
width: 100%;
margin: 0 0 15px 0;
}
}
/*xiaoT*/
#xt {
height: 600px;
background: url(../images/banner_xt.jpg) center center no-repeat;
}
#xt h1 {
margin: 0;
padding-bottom: 10px;
color: #0459a1;
}
#xt p {
text-indent: 0;
color: #0459a1;
}
@media only screen and (max-width: 960px) {
#xt {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#xt {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#xt {
height: 200px;
}
}
.subArea5 {
padding: 10px 40px;
}
.subArea5 li {
float: left;
width: 44.99999%;
margin-right: 4%;
padding: 0 0 15px 1%;
}
.subArea5 li h4{
padding: 0 0 0 10px;
margin-left: -10px;
background: url(../images/dotdo.png) left 5px no-repeat;
}
.subArea5 li h4 p {
padding-left: 10px;
}
.subArea6 {
padding: 10px 40px;
display: none;
}
.subArea6 li {
float: left;
width: 100%;
text-align: center;
list-style-type: none;
}
.subArea6 li img {
margin-bottom: 15px;
display: block;
}
.subArea6 li span {
display: inline-block;
padding: 10px 10%;
border: 2px solid #0ba29a;
color: #000;
font-weight: normal;
}
@media only screen and (max-width: 768px) {
.subArea4 img {
display: none;
}
.subArea6 {
display: block;
}
.subArea5 li {
width: 100%;
margin: 0;
}
#xt .bannerInfo {
left: 0!important;
}
}
@media only screen and (max-width: 480px) {
.subArea6 {
padding: 10px 20px;
}
.subArea6 li span {
font-size: 16px;
}
}
/*ZMhuiyi*/
#ZMhuiyi {
height: 600px;
background: url(../images/banner_ZMhuiyi.jpg) center center no-repeat;
}
#ZMhuiyi h1 {
margin: 0;
padding-bottom: 10px;
color: #0459a1;
}
#ZMhuiyi p {
text-indent: 0;
color: #0459a1;
}
@media only screen and (max-width: 960px) {
#ZMhuiyi {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#ZMhuiyi {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#ZMhuiyi {
height: 200px;
}
}
.subArea7 {
padding:10px 40px;
}
.subArea7 li {
float: left;
width: 20.99999%;
margin-right: 4%;
font-size: 16px;
}
.subArea8 {
padding: 10px 40px;
}
.subArea8 li {
float: left;
width: 35.99999%;
margin-right:13%;
padding: 0 0 15px 1%;
}
.subArea8 li h4{
padding: 0 0 0 10px;
margin-left: -10px;
background: url(../images/dotdo.png) left 5px no-repeat;
}
.subArea8 li h4 p {
padding-left: 10px;
}
.subArea8 li img {
margin: -10px auto 0 auto;
}
.subArea9 {
padding: 10px 40px;
display: none;
}
.subArea9 li {
float: left;
width: 100%;
text-align: center;
list-style-type: none;
}
.subArea9 li img {
display: block;
}
.subArea9 li span {
display: inline-block;
padding: 8px 10%;
background: #35bcd4;
border-radius: 0 0 5px 5px;
color: #fff;
font-weight: normal;
}
@media only screen and (max-width: 768px) {
.subArea4 img {
display: none;
}
.subArea7 li {
width: 100%;
margin-right: 0;
}
.subArea8 li {
width: 100%;
margin: 0;
float: left!important;
}
.subArea8 li img {
margin-top: 0!important;
}
#ZMhuiyi .bannerInfo {
left: 0!important;
}
.subArea9 {
display: block;
}
}
@media only screen and (max-width: 480px) {
.subArea9 {
padding: 10px 20px;
}
.subArea9 li span {
font-size: 16px;
}
}
/*ZMzhib*/
#ZMzhib {
height: 600px;
background: url(../images/banner_ZMzhib.jpg) center center no-repeat;
}
@media only screen and (max-width: 960px) {
#ZMzhib {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#ZMzhib {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#ZMzhib {
height: 200px;
}
}
.subArea10 {
padding: 10px 40px;
}
.subArea10 li {
float: left;
width: 44.99999%;
margin-right: 4%;
padding: 0 0 15px 1%;
}
.subArea10 li h4{
padding: 0 0 0 10px;
margin-left: -10px;
background: url(../images/dotdo.png) left 5px no-repeat;
}
.subArea10 li h4 p {
padding-left: 10px;
}
.subArea10 li img {
margin-left: 20%;
}
@media only screen and (max-width: 768px) {
.subArea10 li {
width: 100%;
margin: 0;
}
}
@media only screen and (max-width: 480px) {
.subArea10 li img {
margin-left: 14%;
}
}
@media only screen and (max-width: 480px) {
.ZMH1C1 {
font-size: 18px;
padding:0 25%;
}
.ZMH1C1 span {
display: none!important;
}
.ZMH1C1 span:nth-child(1) {
display: inline-block!important;
}
}
.ZMp {
position: absolute;
top: 420px;
width: 100%;
padding: 10px 0 30px 0;
}
.ZMp li {
float: left;
width: 18.999999%;
padding-right: 1%;
text-align: center;
font-size: 18px;
font-weight: bold;
box-sizing: content-box;
}
.ZMp li img {
margin-bottom: 10px;
}
.ZMp li a:link, ZMp li a:visited, .ZMp li a:hover {
color: #2d8fff;
}
@media only screen and (max-width: 960px) {
.ZMp {
position: static;
}
.ZMp li {
font-size: 14px;
font-weight: normal;
}
}
@media only screen and (max-width: 960px) {
.ZMp li {
width: 48.99999999%;
}
}
/*ZMhuiyiSys*/
#ZMhuiyiSys {
height: 500px;
background: url(../images/banner_ZMhuiyiSys.jpg) center center no-repeat;
background-size:cover;
}
@media only screen and (max-width: 960px) {
#ZMhuiyiSys {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#ZMhuiyiSys {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#ZMhuiyiSys {
height: 150px;
}
}
.parameter2 {
padding: 50px 0;
}
.parameter2 h2 {
font-family: "���ź�";
font-weight: bold;
font-size: 30px;
color: #005ead;
padding-bottom: 30px;
}
.parameter2 li {
font-family: "���ź�";
font-size: 18px;
padding-bottom: 10px;
list-style-type: square;
list-style-position: inside;
color: #005ead;
}
.parameter2 li li {
color: #7a7a7a;
list-style-type: none;
padding-left: 20px;
}
@media only screen and (max-width: 480px) {
.parameter2 {
padding: 30px 0 10px 0;
}
.parameter2 h2 {
padding-bottom: 15px;
}
}
/*��Ŀֱ��*/
#ZMLive {
height: 450px;
background: url(../images/banner_ZMLive.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#ZMLive {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#ZMLive {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#ZMLive {
height: 200px;
}
}
.liveLists {
padding: 30px;
}
.liveLists h3 {
font-size: 36px;
color: #313333;
margin-bottom: 20px;
text-align: center;
font-weight: normal;
}
.liveLists ul {
padding: 10px 0 0 0;
}
.liveLists ul li {
float: left;
width: 33.33333%;
text-align: center;
font-size: 20px;
margin-bottom: 20px;
}
.liveLists ul li img {
margin: 0 auto 20px auto;
}
.liveLists ul li p {
/* text-align: left;
padding-left: 10%;*/
font-size: 20px;
line-height: 48px;
margin: 0 0 20px 0;
}
.liveLists a:link,.liveLists a:visited,.liveLists a:hover {
color: #030000;
text-decoration: none;
}
.videoLists {
padding: 20px 0;
text-align: center;
font-size: 20px;
}
.videoLists a:link,.videoLists a:visited,.videoLists a:hover {
color: #030000;
text-decoration: none;
}
.videoLists h3 {
font-size: 36px;
font-weight: normal;
color: #313333;
text-align: center;
margin-bottom: 20px;
}
.videoLists ul {
margin-bottom: 30px;
}
.videoLists li {
float: left;
width: 20.9999999%;
margin: 0 2%;
line-height: 30px;
margin-bottom: 15px;
}
.videoLists li img {
margin: 0 auto;
}
.ZMLiveInfo {
height: 710px;
position: relative;
padding: 30px 0;
}
.ZMLiveInfo h3 {
font-size: 36px;
font-weight: normal;
color: #313333;
text-align: center;
line-height: 50px;
}
.ZMLiveInfo h4 {
font-size: 20px;
font-weight: normal;
color: #666;
text-align: center;
margin-bottom: 20px;
}
.ZMLiveInfoImg {
position: absolute;
left: 0;
bottom: 30px;
width: 60%;
}
.ZMLiveInfoList {
position: absolute;
right: 0;
top: 150px;
width: 45%;
}
.ZMLiveInfoList li {
padding-bottom: 20px;
}
.ZMLiveInfoList li img {
float: left;
margin-right: 20px;
}
.ZMLiveInfoList li p {
float: right;
width: 85%;
margin: 0;
font-size: 18px;
color: #323333;
line-height: 30px;
}
.ZMLiveInfoList li span {
float: right;
display: inline-block;
width: 85%;
font-size: 13px;
line-height: 20px;
}
.ZMmore {
font-size: 36px;
text-align: center;
}
.ZMmore h4 {
font-size: 36px;
color: #030000;
line-height: 40px;
padding: 20px 0 20px 0;
}
.ZMmore p {
color: #2869ac;
line-height: 40px;
padding: 10px 0 40px 0;
}
.buyAndTelForFree li p {
font-size: 36px;
line-height: 40px;
color: #fff;
}
@media only screen and (max-width: 768px) {
.liveLists {
padding-bottom: 10px;
}
.liveLists ul {
padding: 0;
}
.liveLists ul li {
width: 100%;
}
.liveLists ul li img {
margin-bottom: 5px;
}
.liveLists ul li p {
line-height: 35px;
}
.videoLists {
padding: 10px 0;
}
.videoLists ul {
margin-bottom: 5px;
}
.videoLists li {
width: 100%;
}
.ZMLiveInfo {
height: auto;
padding: 10px 0;
}
.ZMLiveInfoImg,.ZMLiveInfoList {
position: static;
width: 100%;
}
.ZMLiveInfoList li p,.ZMLiveInfoList li span {
width: 80%;
}
.liveLists h3,.videoLists h3,.ZMLiveInfo h3 {
font-size: 28px;
}
.ZMmore h4,.ZMmore p {
font-size: 28px;
}
.ZMmore h4 {
padding: 10px 0;
}
.ZMmore p {
padding: 0 0 20px 0;
}
.buyAndTelForFree li p {
font-size: 22px;
line-height: 30px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 480px) {
.liveLists {
padding-bottom: 10px;
}
.liveLists ul {
padding: 0;
}
.liveLists ul li {
width: 100%;
}
.liveLists ul li img {
margin-bottom: 5px;
}
.liveLists ul li p {
line-height: 35px;
}
.videoLists {
padding: 10px 0;
}
.videoLists ul {
margin-bottom: 5px;
}
.videoLists li {
width: 100%;
}
.ZMLiveInfo {
height: auto;
padding: 10px 0;
}
.ZMLiveInfoImg,.ZMLiveInfoList {
position: static;
width: 100%;
}
.ZMLiveInfoList li p,.ZMLiveInfoList li span {
width: 80%;
}
.liveLists h3,.videoLists h3,.ZMLiveInfo h3 {
font-size: 28px;
}
.ZMmore h4,.ZMmore p {
font-size: 28px;
}
.ZMmore h4 {
padding: 10px 0;
}
.ZMmore p {
padding: 0 0 20px 0;
}
.buyAndTelForFree li p {
font-size: 17px;
line-height: 30px;
margin-bottom: 10px;
}
}
/*�����������*/
#redCloud {
height: 600px;
background: url(../images/banner_redBg.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 1280px) {
#redCloud {
height: 400px;
}
}
@media only screen and (max-width: 960px) {
#redCloud {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#redCloud {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#redCloud {
height: 140px;
}
}
.redCloud{padding-top:100px;}
.redCloud h3{font-size:36px; font-weight:bold; text-align:center; line-height:70px; margin-bottom:60px;}
.redCloud h3 a{display:inline-block; padding:0 40px 0 40px; background:#e12229; color:#fff;}
.redCloud h4{font-size:22px; color:#505050; font-weight:bold; line-height:35px; margin-bottom:20px;}
.redCloud p{font-size:16px; color:#5a5a5a; line-height:25px; text-indent:2em; margin-bottom:10px;}
.redCloudQut li{width:24.9999999%; float:left; text-align:center; font-size:15px; font-weight:bold; color:#5a5a5a;}
.redCloudQut li img{margin:20px auto;}
.redCloudValue{}
.redCloudValue li{width:18.9999999%; float:left; margin:0 1% 30px 1%; padding:2%; box-sizing:content-box; background-image:url(../images/star.png); background-position:bottom center; background-repeat:repeat-x; min-height:240px; border-radius:10px;}
.redCloudValue li h5{font-size:20px; font-weight:bold; text-align:center; color:#fff;}
.redCloudValue li p{color:#fff;}
.redCloudFeatures li{width:39.999999999%; padding-left:10%; float:left; margin-bottom:80px; box-sizing:content-box;}
.redCloudFeatures li td{vertical-align:middle; padding-right:20px; font-size:15px; font-weight:bold; color:#5b5b5b;}
.redCloudCases{padding-bottom:50px;}
.redCloudCases li{width:31.3333333%; float:left; margin:2% 1%; border:1px solid #f1989b;}
@media only screen and (max-width: 768px){
.redCloudQut li{width:47.99999%; padding:0 1%; height:300px;}
.redCloudValue li{width:43.999999%;}
.redCloudFeatures li{width:100%; margin-bottom:30px;}
.redCloudCases li{width:98%;}
}
@media only screen and (max-width: 480px){
.redCloud{padding-top:50px;}
.redCloud h3{margin-bottom:30px;}
.redCloudQut li{width:47.99999%; padding:0 1%; height:auto;}
.redCloudValue li{width:90%; padding:3% 5%; min-height:220px;}
.redCloudFeatures li{width:100%; margin-bottom:20px;}
.redCloudCases li{width:98%;}
}
#QA {
height: 600px;
background: url(../images/banner_QA.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#QA {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#QA {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#QA {
height: 200px;
}
}
.QA{padding:30px 0;}
.QA .QAList{width:18%; padding-right:2%; float:left;}
.QA .QAList li{padding:5px 0; font-size:16px; font-weight:bold;}
.QA .QAanswer{width:80%; float:left;}
@media only screen and (max-width: 480px) {
.QA .QAList{width:100%; padding-right:0;}
.QA .QAList li{display:inline-block; padding:5px; float:left;}
.QA .QAanswer{width:100%;}
}
.liveTop{padding:20px 0;}
.liveTop h3{font-size:36px; line-height:50px; text-align:center; margin-bottom:30px; font-weight:normal}
.liveTop .liveImg{width:40%; float:left;}
.liveTop .liveImg img{margin:0 auto;}
.liveTop .liveInfo{width:55%; float:right; font-size:16px; line-height:30px;}
.liveTop .liveInfo th{text-align:;}
@media only screen and (max-width: 960px) {
.liveTop .liveImg,.liveTop .liveInfo{width:100%;}
.liveTop .liveImg{margin-bottom:20px;}
.liveTop .liveInfo{line-height:25px; font-size:14px;}
}
@media only screen and (max-width: 768px) {
.whiteBg{height:44%!important;}
}
@media only screen and (max-width: 540px) {
.whiteBg{height:55%!important;}
}
@media only screen and (max-width: 320px) {
.whiteBg{height:49%!important;}
}
#serviceSys {
height: 600px;
background: url(../images/bannerServiceSys.png) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#serviceSys {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#serviceSys {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#serviceSys {
height: 200px;
}
}
.qst1,.qst2,.qst3{margin-top:40px;}
.qst1 h3,.qst2 h3,.qst3 h3{padding-left:60px; font-size:18px; font-weight:normal; color:#0f4994; line-height:25px; background:url(../images/icon1.png) left center no-repeat; background-size:contain; margin-bottom:20px;}
.qst1 h3 span,.qst2 h3 span,.qst3 h3 span{font-size:14px; color:#666; line-height:20px;}
.qst1 li{width:19.999999999999%; float:left; text-align:center;}
.qstItm{margin:0 5px 5px 5px; border:1px solid #dbe7f3; padding-bottom:20px;}
.qstIcn{width:90%; border-bottom:1px solid #e3edf9; height:120px; line-height:120px; padding:20px 0; box-sizing:content-box; margin:0 auto 20px auto;}
.qstIcn img{vertical-align:middle; margin:0 auto;}
.qst1 li p{font-size:16px; color:#0f4994; line-height:30px; margin-bottom:10px;}
.qst1 li a{display:inline-block; width:50%; line-height:30px; border:1px solid #bbc9e7; border-radius:16px;}
.qst2 li{width:19.999999999999%; float:left; text-align:center; position:relative; padding:0 5px 5px 5px; box-sizing:border-box; cursor:pointer;}
.qst2 li .hover{display:block;}
.hvDiv{position:absolute; left:5px; top:0; right:5px; bottom:5px; background:rgba(76,139,217,.8); text-align:center; color:#fff; display:none;}
.hvDiv img{margin:50px auto 20px auto;}
.hvDiv h4{font-size:16px; font-weight:normal; color:#fff;}
.hvDiv p{font-size:14px; text-align:left; padding:0 15px;}
.hvDiv a{display:inline-block; width:50%; background:#fff; color:#3674bb; line-height:30px; border-radius:6px;}
.qstimg{width:50%; padding-right:1%; float:left;}
.qst3{padding-bottom:50px;}
.qst3 ul{width:47%; float:right; padding:20px 0;}
.qst3 li{font-size:14px; line-height:20px; padding:5px 25px; background:url(../images/dotRa.png) left 8px no-repeat; margin-bottom:10px;}
@media only screen and (max-width: 1024px){
.qstIcn{height:110px; margin-bottom:10px;}
.qst1 li p{font-size:14px;}
.qst1 li a{font-size:12px;}
.hvDiv img{margin-top:20px;}
.hvDiv a{line-height:25px; font-size:12px; margin-top:10px;}
.qst3 ul{padding:0;}
.qst3 li{padding:0 25px; margin:0; background: url(../images/dotRa.png) left 2px no-repeat;}
}
@media only screen and (max-width: 960px){
.hvDiv p{display:none;}
}
@media only screen and (max-width: 900px){
.qst1 li{width:33.3333333333%;}
.qst2 li{width:33.3333333333%;}
.hvDiv p{display:block;}
}
@media only screen and (max-width: 768px){
.qst1 li{width:49.99999999999%;}
.qst2 li{width:49.999999999999%;}
.qstimg{width:100%; padding:0;}
.qst3 ul{width:100%; padding-top:20px;}
}
@media only screen and (max-width: 540px){
.qstIcn{height:auto;}
.qst1 li{width:100%;}
.qst2 li{width:100%;}
.qst2 li img{width:100%; height:auto;}
.hvDiv img{width:inherit!important;}
}
#ZMCloud {
height: 450px;
background: url(../images/bannerydtyt.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#ZMCloud {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#ZMCloud {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#ZMCloud {
height: 200px;
}
}
.ydtyt{padding-top:50px;}
.ydtyt h3{font-size:24px; line-height:35px; margin-bottom:20px; text-align:center}
.ydtyt p{font-size:18px; line-height:25px; margin-bottom:10px; text-align:center}
.ydtyt p img{margin:0 auto;}
#ydtyt h3{text-align:center; font-size:36px; font-weight:bold; color:#fff;}
#ydtyt a:link,#ydtyt a:visited,#ydtyt a:hover{color:#fff; text-decoration:none;}
#ydtyt li.download a:hover {
background: url(../images/downloadZM.png) center top no-repeat;
}
@media only screen and (max-width: 540px) {
.ydtyt h3{font-size:18px;}
.ydtyt p{font-size:14pxl}
#ydtyt h3{font-size:18px; padding-top:30px;}
}
#mjgs {
height: 600px;
background: url(../images/banner_mjgs.jpg) 50% no-repeat;
background-size: cover;
}
#wds {
height: 600px;
background: url(../images/banner_wds.jpg) 50% no-repeat;
background-size: cover;
}
#fzkd {
height: 600px;
background: url(../images/banner_fzkd.jpg) 50% no-repeat;
background-size: cover;
}
#yz {
height: 600px;
background: url(../images/banner_yz.jpg) 50% no-repeat;
background-size: cover;
}
#rhyy {
height: 600px;
background: url(../images/banner_rhyy.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 1280px) {
#mjgs,#wds,#fzkd,#yz,#rhyy {
height: 450px;
}
}
@media only screen and (max-width: 960px) {
#mjgs,#wds,#fzkd,#yz,#rhyy {
height: 400px;
}
}
@media only screen and (max-width: 768px) {
#mjgs,#wds,#fzkd,#yz,#rhyy {
height: 300px;
}
}
@media only screen and (max-width: 480px) {
#mjgs,#wds,#fzkd,#yz,#rhyy {
height: 150px;
}
}
.caseContent{padding:50px 0;}
.caseContent h2{font-size:24px; text-align:center; color:#005ead; margin:20px 0;}
.caseContent h3{font-size:18px; text-align:left; color:#005ead; margin:10px 0;}
.caseContent p{font-size:16px; text-align:left; color:#3e4245; margin-bottom:10px; text-indent:2em;}
.caseContent p img{margin:0 auto;}
.caseContent p.caseLogo{float:right; margin-left:10%;}
.caseContent ul li{width:33.3333333333%; float:left; text-align:center; line-height:30px; font-size:14px; margin-bottom:10px;}
.caseContent ul li img{margin:0 auto 10px auto;}
.caseContent ol{margin:20px auto;}
.caseContent ol li{font-size:16px; font-weight:bold; color:#3e4245; line-height:130%; margin:0 0 0 20px; padding:0;}
.caseContent ol li p{text-indent:0; font-weight:normal; line-height:130%;}
.caseContent ul.mul{display:none;}
.caseContent ul.mul li{float:none; width:100%; text-align:left; list-style-type:decimal; list-style-position:inside; font-size:16px; color:#3e4245; margin-bottom:0; line-height:25px;}
.caseContent ul.mul li h4{font-size:14px; font-weight:bold; margin-bottom:0;}
.caseContent .tableDiv{display:table; width:100%; margin:0 auto;}
.caseContent .tableDiv ul{display:table-row;}
.caseContent .tableDiv ul li{display:table-cell; float:none; position:relative; padding:30px 30px 0 30px; box-sizing:border-box;}
.caseContent .tableDiv ul li h4{font-size:18px; font-weight:bold; color:#f9a541; line-height:110%; text-align:left;}
.caseContent .tableDiv ul li h4 i{font-size:200%; line-height:110%; font-style:normal; margin-right:5px; float:left;}
.caseContent .tableDiv ul li p{ padding:15px 10px; font-size:16px; line-height:150%; color:#3e4245; text-indent:2em;}
.caseContent .tableDiv ul li div.bor{position:absolute; left:30px; right:30px; top:80px; bottom:0; border:2px solid #f9a541; border-radius:10px;}
.caseContent .ulRow1{width:;}
.caseContent .ulRow1 ul li{width:49.9999999999%;}
.caseContent .ulRow2 ul li{width:33.3333333333%;}
.caseBanner .caseBannerInfo{position:absolute; padding:2% 3%;}
.caseBanner .caseBannerInfo h3{font-size:18px; font-weight:normal; color:#005ead; line-height:120%; margin-bottom:10px;}
.caseBanner .caseBannerInfo p{font-size:14px; color:#3e4245; line-height:180%; margin-bottom:5px;}
.caseTitle{font-size:14px; font-weight:bold; color:#7a7d82; padding:10px 0; float:left; margin:0;}
.caseNav{float:right; padding:10px 0;}
.caseNav li{display:inline-block; font-size:14px; font-weight:bold; margin:0 5px;}
.caseNav li a:link,.caseNav li a:visited{color:#7a7d82; text-decoration:none;}
.caseNav li a:hover,.caseNav li a:active{color:#5486da; text-decoration:none;}
.caseNav li.cur a:link,.caseNav li.cur a:visited,.caseNav li.cur a:hover,.caseNav li.cur a:active{color:#5486da; text-decoration:none;}
@media only screen and (max-width: 960px) {
.caseContent p.caseLogo{float:none; margin-left:0;}
.caseContent .ulRow2 ul li{width:100%; padding-top:20px; display:block;}
.caseContent .tableDiv{width:100%!important;}
#mjgsbb{height:300px!important;}
}
@media only screen and (max-width: 768px){
.caseContent .ulRow1 ul li{width:100%; padding-top:20px; display:block;}
.caseBanner .caseBannerInfo{position:static; width:auto!important; margin:0!important;}
#mjgsbb{height:auto!important;}
}
@media only screen and (max-width: 540px) {
.caseTitle,.caseNav{display:inline-block; float:none;}
}
@media only screen and (max-width: 480px) {
.caseContent{padding:30px 0;}
.caseContent h2{font-size:18px;}
.caseContent h3{font-size:16px;}
.caseContent p{font-size:14px;}
.mulimg{display:none;}
.caseContent li{float:none; width:100%;}
.caseContent ul.mul{display:block;}
.caseContent ul.mul li{font-size:14px;}
}
#conSel {
height: 220px;
background: url(../images/banner_contactSellers.jpg) 50% no-repeat;
background-size: cover;
}
.contactSellers{padding-bottom:50px;}
.contactSellers form{text-align:center;}
.contactSellers h3{
padding: 0 15px;
margin: 40px 0 30px;
line-height: 1;
font-size: 24px;
color: #3e454c;
}
.contactSellers li{
width:49.999999999999%;
float:left;
padding:0 15px 20px 15px;
box-sizing:border-box;
position:relative;
}
.contactSellers li:before{content:"*";display:block;width:12px;height:34px;position:absolute;left: 20px;top:0;line-height: 37px;color:red;}
.contactSellers li:last-child{
width:100%;
}
.contactSellers li:nth-last-child(1):before,.contactSellers li:nth-last-child(2):before{display:none;}
.contactSellers textarea{font-family:"���ź�";}
.contactSellers .btn{
margin:0 auto 30px auto;
width:120px;
}
.contactSellers p{
padding:0 15px;
font-size:14px;
}
@media only screen and (max-width: 990px) {
.contactSellers h3{line-height:30px; font-size:20px;}
.contactSellers li{
width:100%;
}
}
#ZMClass {
height: 450px;
background: url(../images/banner_ZMClass.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#ZMClass {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#ZMClass {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#ZMClass {
height: 200px;
}
}
.liveLists {
padding: 30px;
}
.classLists {
padding: 20px 0;
text-align: center;
font-size: 20px;
}
.classLists a:link,.classLists a:visited,.classLists a:hover {
color: #030000;
text-decoration: none;
}
.classLists h3 {
font-size: 36px;
font-weight: normal;
color: #313333;
text-align: center;
margin-bottom: 20px;
}
.classLists ul {
margin-bottom: 30px;
}
.classLists li {
float: left;
width: 45.9999999%;
margin: 0 2%;
line-height: 30px;
margin-bottom: 40px;
}
.classLists li .classImg {
float: left;
width: 47%;
padding-right: 3%;
}
.classLists li .classInfo {
float: left;
width: 50%;
font-size: 16px;
color: #333;
margin-top: 10px;
}
.classLists li .classInfo td {
text-align:left;
}
@media only screen and (max-width: 960px) {
.classLists li {
width:96%;
}
}
@media only screen and (max-width: 960px) {
.classLists li .classImg {
width:100%;
padding:0;
}
.classLists li .classImg img {
margin:0 auto;
}
.classLists li .classInfo {
width:100%;
}
}
#HJ4 {
height: 600px;
background: url(../images/banner-hj4.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#HJ4 {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#HJ4 {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#HJ4 {
height: 200px;
}
}
#HJ4 .bannerInfo{left:-1%; margin-top:20%; padding:5% 11%; width:73%; background:rgba(255,255,255,0.7);}
#HJ4 .bannerInfo h1{font-size:40px; color:#2779b3; font-weight:bold; margin:0; padding:0;}
.apply{display:inline-block; line-height:40px; border:1px solid #005ead; border-radius:20px; padding:0 15px; margin-right:10px; margin-bottom:10px;}
.apply:link,.apply:visited{color:#005ead; text-decoration:none;}
.apply:hover{color:#fff; text-decoration:none; background:#005ead; border:1px solid #005ead;}
.downloadHJ{display:inline-block; line-height:40px; border:1px solid #005ead; border-radius:20px; padding:0 15px; margin-right:10px;}
.downloadHJ:link,.downloadHJ:visited{color:#005ead; text-decoration:none;}
.downloadHJ:hover{color:#fff; text-decoration:none; background:#005ead; border:1px solid #005ead;}
.wa{display:inline-block; line-height:40px; border:1px solid #fff; border-radius:20px; padding:0 15px; margin-right:10px;}
.wa:link,.wa:visited,.wa:hover{color:#fff; text-decoration:none;}
.salers{display:inline-block; line-height:40px; border:1px solid #005ead; border-radius:20px; padding:0 15px; background:#005ead; margin-left:10px;}
.salers:link,.salers:visited,.salers:hover{color:#fff; text-decoration:none;}
.cases li{width:100%; margin-bottom:20px;}
.casesLogo{float:left; width:20%;}
.casesLogo img{margin:0 auto;}
.casesCon{float:right; width:78%;}
.casesCon h3{font-size:16px;}
.casesCon p{font-size:14px; color:#515151; line-height:28px; background:none; margin-bottom:10px; text-indent:0;}
.casesCon h4{font-size:16px; color:#515151;}
.whoUse{margin-bottom:30px;}
.whoUse li{width:14.666666666666%; float:left; margin:1.5% 1%;}
@media only screen and (max-width: 960px) {
#HJ4 .bannerInfo{margin-top:10%; padding:3% 7%;}
#HJ4 .bannerInfo h1{font-size:24px;}
}
@media only screen and (max-width: 768px) {
.casesLogo{width:100%;}
.casesCon{width:100%;}
.whoUse li{width:31.33333333333%;}
}
/*mobNavFooter 180419*/
.mobNav{display:none; z-index:99; background:#fff; width:100%; top:0;}
.mobNav .top {
width: 100%;
max-width: 750px;
top: 0;
z-index: 99;
}
.mobNav .logo {
display: inline-block;
margin: 15px 0 10px 15px;
background:none;
height:41px;
width:auto;
}
.mobNav .logo a{height:41px; width:auto; display:inline-block;}
.mobNav .logo a:nth-child(2){padding-left:10px; border-left:1px solid #c0bebc; margin-left:10px;}
.mobNav .logo img {
width: auto;
height: 41px!important;
}
.mobNav .navIcon{display:inline-block; float:right; margin:27px 15px 0 0; width:20px; height:16px; background:url(../images/@home-nav.png) center center no-repeat; background-size:contain;}
.mobNav .navIconX{background:url(../images/@home-nav-x.png) center center no-repeat; background-size:contain;}
.mobNav .nav{display:none; overflow:hidden; background:#0c3675; position:relative; width:106.6666%; margin-left:-3.3333%;}
.mobNav .nav ul{}
.mobNav .nav > ul{padding:0; font-size:16px; width:150px; height:100%; overflow-y:auto;}
.mobNav .nav > ul > li{text-align:right; line-height:40px; font-size:15px; color:#fff;}
.mobNav .nav > ul > li.hotLine{line-height:110%; text-align:left; padding-left:20px; margin-top:20%;}
.mobNav .nav > ul > li > a{color:#fff; display:block; padding-right:20px;}
.mobNav .nav > ul > li.hasUl > a:after{display:inline-block; position:absolute; width:20px; text-align:center; content:">"; color:#fff;}
.mobNav .nav > ul > li.cur > a{background:#f7f7f7; color:#333;}
.mobNav .nav > ul > li.cur > a:after{color:#333;}
.mobNav .nav > ul > li > a:link,.mobNav .nav > ul > li > a:visited{color:#fff; text-decoration:none;}
.mobNav .nav > ul > li > a:hover,.mobNav .nav > ul > li > a:active{color:#fff; text-decoration:none; background:rgba(207,207,207,.2);}
.mobNav .nav > ul > li.cur > a:link,.mobNav .nav > ul > li.cur > a:visited,.mobNav .nav > ul > li.cur > a:hover,.mobNav .nav > ul > li.cur > a:active{color:#333; text-decoration:none; background:#f7f7f7;}
.mobNav .nav > ul > li.hasUl > ul{position:absolute; height:100%; left:150px; top:2px; right:0; background:#f7f7f7; padding-left:8px; text-align:left;}
.mobNav .nav > ul > li.hasUl > ul > li{padding:2px; line-height:30px; font-size:16px;}
.mobNav .nav > ul > li.hasUl > ul.hasUls > li{font-size:17px;}
.mobNav .nav > ul > li.hasUl > ul.hasUls > li li{font-size:16px;}
.mobNav .nav > ul > li.hasUl > ul li a{display:block; border-radius:3px 0 0 3px; padding:6px 5px; line-height:18px;}
.mobNav .nav > ul > li.hasUl > ul li a:link,.mobNav .nav > ul > li.hasUl > ul li a:visited{color:#333; text-decoration:none;}
.mobNav .nav > ul > li.hasUl > ul li a:hover,.mobNav .nav > ul > li.hasUl > ul li a:active{color:#333; text-decoration:none;background:#cfcfcf;}
.mobNav .nav > ul > li.hasUl > ul.hasUls > li > a:link,.mobNav .nav > ul > li.hasUl > ul.hasUls > li > a:visited{color:#0c3675; text-decoration:none;}
.mobNav .nav > ul > li.hasUl > ul.hasUls > li > a:hover,.mobNav .nav > ul > li.hasUl > ul.hasUls > li > a:active{color:#0c3675; text-decoration:none;}
.mobNav .nav > ul > li.hasUl > ul.hasUls > li.cur > a:link,.mobNav .nav > ul > li.hasUl > ul.hasUls > li.cur > a:visited,.mobNav .nav > ul > li.hasUl > ul.hasUls > li.cur > a:hover,.mobNav .nav > ul > li.hasUl > ul.hasUls > li.cur > a:active{color:#0c3675; text-decoration:none; background:#cfcfcf;}
.mobNav .nav li{list-style-type:none;}
.mobFooter{display:none; background:#414141;}
.mobFooter .footer {
padding: 2% 0 20% 0;
background: #414141;
position: relative;
text-align: center;
}
.mobFooter .footer p {
font-size: 15px;
color: #fff;
text-align: center;
padding: 20px 0;
margin:0;
}
.mobFooter .footer p a:link, .mobFooter .footer p a:visited, .footer p a:hover {
color: #fff;
text-decoration: none;
}
.mobFooter .qrcode {
width: 30%;
max-width: 188px;
margin: 10px auto 20px auto;
}
.mobFooter .qrcode img {
max-width: 100%;
height: auto;
}
.mobFooter .logoFooter {
padding: 10px 0;
font-size: 15px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 180%;
}
.mobFooter .logoFooter img {
width: ;
max-width: 131px;
height: auto;
display: block;
margin: 0 auto;
}
.mobFooter .c {
width: 68.666666666666666666666666%;
max-width: 267px;
height: auto;
display: block;
margin: 10px auto;
}
.buyAndTel {
position: fixed;
bottom: 0;
height: 40px;
width: 100%;
background: #3975ba;
display:none;
}
.buyAndTel li {
float: left;
width: 49.999999999999%;
text-align: center;
box-sizing: border-box;
list-style-type: none;
}
.buyAndTel li a {
display: block;
width: 100%;
height: 40px;
}
.buyAndTel li a.buy {
background: url(../images/BuyNow.png) center no-repeat;
background-size: 30%;
}
.buyAndTel li a.tel {
background: url(../images/telphone.png) center no-repeat;
background-size:32%;
}
.videoA{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.bg{position:fixed; width:100%; top:0; bottom:0; left:0; background:rgba(0,0,0,.5); display:none; z-index:999;}
.videoCon{position:absolute; width:640px; height:400px; left:50%; margin-left:-320px; top:50%; margin-top:-200px; background:#000;}
.videoCon i{position:absolute; width:20px; height:20px; line-height:20px; text-align:center; right:0; top:0; color:#fff; font-style:normal; font-size:18px;}
.nb-icon-wrap{top:340px!important;}
.mFooter{padding:20px 10px; background:#161616; color:#fff; display:none;}
.mFooter > ul{border-bottom:1px solid #fff; margin-bottom:10px;}
.mFooter > ul > li{font-size:14px; line-height:24px; padding:8px 0; position:relative; border-top:1px solid #fff;}
.mFooter > ul > li:not(.ct):after{display:inline-block; width:20px; height:32px; line-height:32px; text-align:center; position:absolute; right:5px; top:0; content:"+"; font-size:16px;}
.mFooter > ul > li.clk:not(.ct):after{content:"-";}
/*.mFooter > ul > li:not(.ct):hover:after{content:"-";}*/
.mFooter > ul > li.ct{padding:15px 0; text-align:center; line-height:24px;}
.mFooter > ul > li.ct a{display:inline-block; margin:0 2px; position:relative; color:#fff;}
.mFooter > ul > li.ct a img{vertical-align:middle; display:inline-block;}
.mFooter > ul > li.ct a > div{display:none; position:absolute; right:2px; top:25px; width:120px;}
.mFooter > ul > li.ct a:hover > div{display:block;}
.mFooter > ul > li.ct a.t{border:1px solid #fff; border-radius:10px; padding:0 12px;}
.mFooter > ul > li.ct a:link,.mFooter > ul > li.ct a:visited{color:#fff; text-decoration:none;}
.mFooter > ul > li > ul{padding:5px 0 15px 15px; display:none;}
/*.mFooter > ul > li.clk > ul{display:block;}
.mFooter > ul > li:hover > ul{display:block;}*/
.mFooter > ul > li > ul a:link,.mFooter > ul > li > ul a:visited{color:#a6a6a6; text-decoration:none;}
.mFooter > ul > li.ct a.location{font-weight:normal; margin-left:5px; text-align:left;}
.mFooter > ul > li.ct a.location .local{display:inline-block; width:150px; background:#fff url(../images/selectDown.png) right center no-repeat; position:relative; color:#000; text-align:left;}
.mFooter > ul > li.ct a.location .local img{vertical-align:top;}
.mFooter > ul > li.ct a.location .local>div{position:absolute; top:24px; background:#fff; left:-1px; right:-1px; border:1px solid #333; display:none;}
.mFooter > ul > li.ct a.location .local>div li{font-size:12px; line-height:25px; padding:0 10px;}
.mFooter > ul > li.ct a.location .local>div li:hover{background:#ccc;}
.mFooter > ul > li.ct a.location:hover .local>div{display:block;}
.mFooter > p{margin-bottom:20px; font-size:12px;}
.mFooter > p a:link,.mFooter > p a:visited{color:#a3a3a3; text-decoration:none;}
.mFooter > span{color:#a3a3a3; line-height:15px!important; font-size:12px;}
.mFooter > span a:link,.mFooter > span a:visited{color:#a3a3a3; text-decoration:none;}
.pcFooter ~ #footer{display:none;}
.pcFooter{padding:20px 10px; background:#161616; color:#fff;}
.pcFooter .row > ul{border-bottom:0; margin-bottom:30px; display:table; width:100%;}
.pcFooter .row > ul > li{font-size:14px; line-height:18px; padding:15px 0 0 0; position:relative; border-top:1px solid #fff; display:table-cell; width:14.28%;}
.pcFooter .row > ul > li.ct{padding:15px 0; text-align:left; line-height:24px; width:100%; display:table-caption; border-top:0; padding-top:0;}
.pcFooter .row > ul > li.ct a{display:inline-block; margin:0 2px; position:relative; font-size:16px; font-weight:bold; color:#fff;}
.pcFooter .row > ul > li.ct a img{vertical-align:middle; display:inline-block;}
.pcFooter .row > ul > li.ct a > div{display:none; position:absolute; left:-50px; top:30px; width:120px;font-size: 12px;text-align: center;background-color: #fff;box-shadow: 0 1px 10px #aaa;transition: all 200ms;-webkit-tansition: all 350ms;-moz-transition: all 350ms;}
.pcFooter .row > ul > li.ct a > div h4 {
font-weight: normal;
height: 26px;
line-height: 26px;
font-size: 12px;
background-color: #f3f3f3;
margin: 0;
padding: 0;
color: #777;
}
.pcFooter .row > ul > li.ct a > div:before {
content: '';
position: absolute;
left: 50%;
margin-left: -6px;
top: -13px;
width: 0;
height: 0;
border-width: 8px 6px 6px 6px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}
.pcFooter .row > ul > li.ct a:hover > div{display:block;}
.pcFooter .row > ul > li.ct a.t{border:1px solid #fff; border-radius:20px; padding:5px 25px; margin-right:30px; font-size:14px; font-weight:normal;}
.pcFooter .row > ul > li.ct a:link,.pcFooter .row > ul > li.ct a:visited{color:#fff; text-decoration:none;}
.pcFooter .row > ul > li.ct a.t:hover,.pcFooter .row > ul > li.t.ct a.t:active{color:#fff; background:#009deb; border:1px solid #009deb;}
.pcFooter .row > ul > li.ct a.t+a{margin-right:30px;}
.pcFooter .row > ul > li > ul{padding:15px 10px 15px 0px;}
.pcFooter .row > ul > li > ul li{line-height:24px;}
.pcFooter .row > ul > li > ul a:link,.pcFooter .row > ul > li > ul a:visited{color:#a6a6a6; text-decoration:none;}
.pcFooter .row > ul > li > ul a:hover,.pcFooter .row > ul > li > ul a:active{color:#5486da; text-decoration:underline;}
.pcFooter .row > ul > li.ct a.location{font-weight:normal; margin-left:50px;}
.pcFooter .row > ul > li.ct a.location .local{display:inline-block; width:150px; background:#fff url(../images/selectDown.png) right center no-repeat; position:relative; color:#000;}
.pcFooter .row > ul > li.ct a.location .local img{vertical-align:top;}
.pcFooter .row > ul > li.ct a.location .local>div{position:absolute; top:24px; background:#fff; left:-1px; right:-1px; border:1px solid #333; display:none;}
.pcFooter .row > ul > li.ct a.location .local>div li{font-size:12px; line-height:25px; padding:0 10px;}
.pcFooter .row > ul > li.ct a.location .local>div li:hover{background:#ccc;}
.pcFooter .row > ul > li.ct a.location:hover .local>div{display:block;}
.pcFooter .row > p{margin-bottom:10px; font-size:13px;}
.pcFooter .row > p a:link,.pcFooter .row > p a:visited{color:#a3a3a3; text-decoration:none;}
.pcFooter .row > p a:hover,.pcFooter .row > p a:active{color:#5486da; text-decoration:underline;}
.pcFooter .row > span{color:#a3a3a3; line-height:15px!important; font-size:13px;}
.pcFooter .row > span a:link,.pcFooter .row > span a:visited{color:#a3a3a3; text-decoration:none;}
.pcFooter .row > span a:hover,.pcFooter .row > span a:active{color:#5486da; text-decoration:underline;}
@media only screen and (max-width: 960px) {
.mobNav + #header{display:none;}
.mobNav{display:block;}
.mobFooter ~ #footer,.mFooter ~ #footer,.mFooter ~ .pcFooter{display:none!important;}
.mobFooter{display:block;}
.mFooter{display:block;}
.buyAndTel{display:block;}
.videoCon{width:100%; height:auto; left:0; margin-left:0; margin-top:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%)}
}
.banner-jy{background:#f3f3f3; position:relative;}
.banner-jy .row img{position:absolute; right:0; bottom:0; z-index:1; width:68%;}
.banner-jy h1{background:#eaead3; font-size:36px; color:#3f3f3f; font-weight:bold; line-height:110%; padding:40px 0 20px 0; margin:0;}
.banner-jy h1 .row{padding:0 10px;}
.banner-jy .bgColorDiv{position:relative;}
.banner-jy .bgColorDiv .row{top:50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -transform:translateY(-50%); transform:translateY(-50%); padding:30px 0; z-index:2;}
.banner-jy .bgColorDiv .row p{font-size:18px; line-height:150%; color:#fff; padding:0 10px;}
.banner-jy .bgColorDiv .row a{display:inline-block; line-height:40px; padding:0 30px; background:#eaead3; color:#799139; font-weight:bold; font-size:18px; border-radius:10px; margin-right:30px; margin-bottom:10px;}
.banner-jy .bgColorDiv .row a:last-child{margin-right:0;}
.banner-jy .bgColorDiv .row a:link,.banner-jy .bgColorDiv .row a:visited,.banner-jy .bgColorDiv .row a:hover{color:#799139; text-decoration:none;}
.jya{padding:20px 0;}
.jya h3{font-size:18px; font-weight:bold; color:#3f3f3f; line-height:110%; background:url(../images/h3d1.png) left center no-repeat; background-size:contain; margin-bottom:10px; padding:3px 0 3px 33px;}
.jya ul.sjkt{margin:3% 25px 1% 25px;}
.jya ul.sjkt li{width:49.999999999%; float:left; font-size:16px; color:#3f3f3f; line-height:120%; margin:20px 0;}
.jya ul.sjkt li img{display:inline-block; width:19px; vertical-align:middle;}
.jya ul.dxkh{margin:3% 0 0 0;}
.jya ul.dxkh li{display:inline-block; margin:10px 25px;}
.jya > p img{margin:10px auto;}
.jya > h4{font-size:16px; font-weight:bold; color:#8fab43; text-align:center; line-height:110%; margin-top:20px;}
.jya ol{text-align:center; width:78%; margin:0 auto;}
.jya ol li{display:inline-block; margin:10px 15px;}
.jya ol li h4{font-size:14px; font-weight:bold; color:#8fab43; line-height:110%; padding:3px 0; margin:0; text-align:left;}
.jya ol li p{font-size:13px; color:#8fab43; line-height:110%; margin:0; text-align:left;}
.jyb{padding:20px 0;}
.jyb h3{font-size:18px; font-weight:bold; color:#fff; line-height:110%; background:url(../images/h3d2.png) left center no-repeat; background-size:contain; margin-bottom:10px; padding:3px 0 3px 33px;}
.jyb dl{width:49.999999999%; display:table; padding:3% 0; float:left; box-sizing:border-box;}
.jyb dl:nth-child(even){padding-left:3%;}
.jyb dl dt,.jyb dl dd{display:table-cell; vertical-align:middle;}
.jyb dl dt{width:80px; padding-right:10px;}
.jyb dl dd{padding-right:5%;}
.jyb dl dd h4{font-size:14px; font-weight:bold; color:#fff; line-height:110%; margin-bottom:5px;}
.jyb dl dd p{font-size:12px; color:#fff; line-height:110%;}
.jyb ul{width:70%; text-align:center; margin:0 auto;}
.jyb ul li{display:inline-block; margin:3% 5%; width:118px; font-size:14px; color:#fff; line-height:120%; text-align:left; vertical-align:top;}
.jyb ul li img{margin-bottom:10px;}
p.zxlx{text-align:center; padding:3% 0 5% 2%; margin:0;}
p.zxlx a{display:inline-block; line-height:35px; background:#8fab43; color:#fff; font-size:14px; font-weight:bold; padding:0 25px; margin:5px 10px; border-radius:5px;}
p.zxlx a:link,p.zxlx a:visited,p.zxlx a:hover{color:#fff; text-decoration:none;}
.telIcon{position:fixed; right:5px; bottom:5px; z-index:999; display:none;}
@media only screen and (max-width: 1200px) {
.jya ol{width:92%;}
.jyb ul{width:96%;}
}
@media only screen and (max-width: 960px) {
.banner-jy .bgColorDiv .row{top:0; -moz-transform:translateY(0); -transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
}
@media only screen and (max-width: 767px) {
.banner-jy .row img{width:100%;}
.jya ul.sjkt li{width:100%;}
.jyb dl{width:100%; float:none; padding-left:3%;}
.jya > h4{margin-top:5px;}
.jya ul.dxkh li{margin:5px 20px;}
.jya{margin:0!important;}
p.zxlx{padding:2% 0 3% 0;}
p.zxlx:last-child{padding:0 0 5% 0;}
/*.jya ul.dxkh li{width:50%; margin:1% 0; float:left;}
.jya ul.dxkh li img{margin:0 auto;}*/
.telIcon{display:block;}
}
#wgh {
height: 600px;
background: url(../images/banner-wgh.jpg) 50% no-repeat;
background-size: cover;
position:relative;
}
@media only screen and (max-width: 960px) {
#wgh {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#wgh {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#wgh {
height: 200px;
}
}
#wgh .row{position:static;}
#wgh .bannerInfo{top:50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); width:36%; }
#wgh .bannerInfo div{background:rgba(0,0,0,.35); padding:7% 5%; margin-bottom:20px;}
#wgh .bannerInfo h1{color:#fff; padding:0;}
#wgh .bannerInfo p{color:#fff; text-indent:0; line-height:25px;}
#wgh .bannerInfo > a{display:inline-block; line-height:35px; background:#fff; padding:0 25px; font-size:16px; font-weight:bold; margin-right:20px; margin-bottom:10px; border-radius:5px;}
#wgh .bannerInfo > a:last-child{margin:0;}
#wgh .bannerInfo > a:link,#wgh .bannerInfo > a:visited,#wgh .bannerInfo > a:hover{color:#115fad; text-decoration:none;}
.wghText{position:absolute;}
.wghText h3{color:#242424; font-size:24px; line-height:110%; margin-bottom:15px; font-weight:normal;}
.wghText p{font-size:14px; color:#666; line-height:130%; margin-bottom:5px;}
.wgha > h2{font-size:24px; font-weight:bold; color:#333; line-height:110%; margin:5% 0 3% 0; text-align:center;}
.wgha > h3{font-size:24px; font-weight:normal; color:#005ead; line-height:110%; margin:3% 0 1% 0; text-align:center;}
.wgha > p{font-size:14px; color:#666; line-height:150%; margin:0; text-align:center;}
.wgha > p img{margin:10px 0;}
.wgha > ul{text-align:center; margin:0 auto;}
.wgha > ul li{display:inline-block; position:relative; margin:20px 35px;}
.wgha > ul li:before{display:block; position:absolute; content:""; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.35);}
.wgha > ul li > div{position:absolute; width:100%; top:50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.wgha > ul li > div h3{font-size:18px; font-weight:bold; color:#fff; margin-bottom:5px;}
.wgha > ul li > div p{font-size:14px; color:#fff;}
.wgha > ol{text-align:center; margin:0 auto; padding:3% 0 5% 0; margin-left:-15px; margin-right:-15px;}
.wgha > ol li{display:inline-block; position:relative; padding:10px; margin:0; width:49%; box-sizing:border-box;}
.wgha > ol li:before{display:block; position:absolute; content:""; left:10px; top:10px; right:10px; bottom:10px; background:rgba(0,0,0,.35);}
.wgha > ol li > div{position:absolute; width:100%; top:50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.wgha > ol li > div h3{font-size:18px; font-weight:bold; color:#fff; margin-bottom:5px;}
.wgha > ol li > div p{font-size:14px; color:#fff;}
@media only screen and (max-width: 960px) {
#wgh .bannerInfo{width:40%;}
#wgh .bannerInfo h1{font-size:24px;}
#wgh .bannerInfo > a{font-size:14px;}
.wgha > h2{margin:3% 0 2% 0; font-size:18px;}
.wgha > ul li{margin:10px 25px;}
.wghText h3{font-size:18px;}
}
@media only screen and (max-width: 768px) {
#wgh .bannerInfo{width:60%;}
#wgh .bannerInfo h1{font-size:18px;}
#wgh .bannerInfo > a{line-height:30px; padding:0 15px; font-size:12px; margin-right:10px;}
.wghText{width:100%!important;}
.wghImg{width:90%!important; margin:0 auto; float:none!important;}
.wghText{position:static; top:0!important; -moz-transform: translateY(0%)!important; -ms-transform: translateY(0%)!important; -o-transform: translateY(0%)!important; -webkit-transform: translateY(0%)!important; transform: translateY(0%)!important;}
.wghImg{padding:20px 0!important;}
.wghText h3{margin:20px 0 10px 0;}
p.zxlx{padding:3%!important;}
.wgha > ul li{margin:10px 0;}
.wgha > ol li{width:100%;}
.wgha > h3{font-size:18px; margin-bottom:0;}
}
.ZMdownload{height:600px; background:url(../images/ZMdb.jpg) center center no-repeat; background-size:cover;}
.ZMdownloadImg{width:49%; height:600px; float:left; margin:0 3% 0 3%; padding-top:110px; box-sizing:border-box; position:relative;}
.ZMdownloadImg li{display:none;}
.ZMdownloadImg h3{font-size:36px; font-weight:normal; color:#fff; line-height:130%; margin-bottom:5px;}
.ZMdownloadImg p{font-size:18px; color:#fff; line-height:130%; margin-bottom:20px;}
.ZMdownloadImg .flex-control-nav{right:10%!important; bottom:20px!important;}
.ZMdownloadDiv{width:45%; position:absolute; top:50%; right:0; text-align:center; -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.ZMdownloadDiv .win{width:220px; margin:0 auto; position:relative;}
.ZMdownloadDiv .win a{display:block;; height:60px; line-height:100%; background:#00a0ea; border-radius:30px; padding-top:12px; font-size:16px; color:#fff; font-weight:bold; background:#00a0ea url(../images/ZMdd.png) 180px center no-repeat; position:relative; z-index: 1;}
.ZMdownloadDiv .win a i{font-size:12px; font-weight:normal; font-style:normal;}
.ZMdownloadDiv .win > div{position:absolute; top:30px; left:0; right:0; padding:35px 10px 5px 10px; font-size:10px; color:#333; line-height:100%; background:#fff; box-shadow: 0px 1px 5px #bbb; z-index: 0; display:none;}
.ZMdownloadDiv .win a:hover + div{display:block;}
.ZMdownloadDiv li{display:inline-block; width: 160px; margin: 35px 30px 0 30px; position:relative;}
.ZMdownloadDiv li a{display:block; line-height:40px; border:1px solid #00a0ea; border-radius:20px; margin:5px; font-size:12px; font-weight:bold; color:#00a0ea; position: relative; z-index: 1;}
.ZMdownloadDiv li a img{display:inline-block; vertical-align:middle; margin-right:5px;}
.ZMdownloadDiv li > div{position:absolute; left: 5px; right: 5px; margin-top: -25px; padding:25px 10px 5px 10px; font-size:10px; color:#333; line-height:100%; background:#fff; box-shadow: 0px 1px 5px #bbb; z-index: 0; display:none;}
.ZMdownloadDiv li a:hover{background:#fff;}
.ZMdownloadDiv li a:hover + div{display:block;}
.ZMdownload .flex-control-paging li{display:inline-block!important;}
.ZMdownload .flex-control-paging li a{background-color:transparent; box-shadow:none; border:1px solid #fff;}
.ZMdownload .flex-control-paging li a.flex-active{background-color:#fff;}
@media only screen and (max-width: 1023px) {
.ZMdownload{height:auto;}
.ZMdownloadImg{width: 100%; height: auto; float:none; margin:0; padding:50px 0;}
.ZMdownloadImg h3,.ZMdownloadImg p{text-align: center; text-shadow: 0px 0px 2px #00a0ea;}
.ZMdownloadImg h3{font-size: 24px;}
.ZMdownloadImg p{font-size: 16px;}
.ZMdownloadImg img{margin: 0 auto!important;}
.ZMdownloadDiv{width: 100%; position:static; padding:20px 0; -o-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
.ZMdownloadDiv li a{background: #fff;}
.ZMdownloadDiv .win a{border:1px solid #f2f2f2;}
.ZMdownloadImg .flex-control-nav{right: 50%!important;bottom: 10px!important; transform: translateX(50%);}
}
.HJdownload{height:500px; background:url(../images/HJdb.png) center center no-repeat; background-size:cover;}
.HJdownloadImg{width:52.5%; height:500px; float:right; padding-top:60px; box-sizing:border-box; position:relative; text-align:right; z-index:2;}
.HJdownloadImg li{display:none;}
.HJdownloadImg h3{font-size:48px; font-weight:normal; color:#ddd; line-height:130%; margin-bottom:25px; padding-left:150px; text-align:left;}
.HJdownloadImg p{font-size:16px; color:#ddd; line-height:130%; margin-bottom:20px; padding-left:150px; text-align:left;}
.HJdownloadImg img{margin:0 auto; display:inline-block;}
.HJdownloadImg .flex-control-nav{left:0!important; right:auto!important; bottom:50px!important; text-align:left; -o-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.HJdownloadDiv{width:45%; position:absolute; top:50%; left:0; text-align:center; -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:1;}
.HJdownloadDiv .win{width:400px; margin:0 auto; position:relative;}
.HJdownloadDiv .win a{display:block;; height:65px; line-height:80%; border-radius:33px; padding:12px 0 0 40px; font-size:24px; font-weight:normal; color:#ddf9f8; background:#d0121b url(../images/windows-white.png) 25px center no-repeat; position:relative; z-index: 1;}
.HJdownloadDiv .win a i{font-size:12px; font-weight:normal; font-style:normal;}
.HJdownloadDiv .win > div{position:absolute; top:30px; left:0; right:0; padding:35px 10px 5px 10px; font-size:10px; color:#333; line-height:100%; background:#fff; box-shadow: 0px 1px 5px #bbb; z-index: 0; display:none;}
.HJdownloadDiv .win a:hover + div{display:block;}
.HJdownloadDiv li{display:inline-block; width:240px; margin:40px 10px 0 10px; position:relative;}
.HJdownloadDiv li img{margin:0 auto 10px auto;}
.HJdownloadDiv li:nth-child(1) a{background:#e4e4e4 url(../images/ios-red.png) 15px center no-repeat;}
.HJdownloadDiv li:nth-child(2) a{background:#e4e4e4 url(../images/android-red.png) 15px center no-repeat;}
.HJdownloadDiv .dl20240313 li:nth-child(1) a{
background-image: url(../images/ios-red.png);
background-repeat: no-repeat;
background-color: #e4e4e4;
}
.HJdownloadDiv .dl20240313 li:nth-child(2) a{
background-image: url(../images/ios-red.png);
background-repeat: no-repeat;
background-color: #e4e4e4;
}
.HJdownloadDiv .dl20240313 li:nth-child(3) a{
background-image: url(../images/android-red.png);
background-repeat: no-repeat;
background-color: #e4e4e4;
}
.HJdownloadDiv li a{display:block; line-height:43px; border:1px solid #d0121b; border-radius:23px; margin:5px; font-size:18px; color:#d0121b; position: relative; padding-left:20px; z-index: 1;}
.HJdownloadDiv li a img{display:inline-block; vertical-align:middle; margin-right:5px;}
.HJdownloadDiv li > div{position:absolute; left: 5px; right: 5px; margin-top: -25px; padding:25px 10px 5px 10px; font-size:10px; color:#333; line-height:100%; background:#fff; box-shadow: 0px 1px 5px #bbb; z-index: 0; display:none;}
.HJdownloadDiv li a:hover + div{display:block;}
.HJdownloadDiv>p{font-size:14px; color:#999; margin-top:15px; line-height:111%;}
@media (min-width: 1178px) {
.HJdownloadDiv .dl20240313 li {
width: 150px;
}
.HJdownloadDiv .dl20240313 li a {
font-size: 12px;
background-position: 4px center;
background-size: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width:1177px) {
.HJdownloadDiv .dl20240313 li {
width: 125px;
}
.HJdownloadDiv .dl20240313 li:nth-child(1) a{
background-image: none;
padding-left: 0px;
}
.HJdownloadDiv .dl20240313 li a {
font-size: 12px;
background-position: 1px center;
background-size: 25px;
}
}
@media only screen and (max-width: 768px) {
.HJdownloadDiv .dl20240313 li {
width: 248px;
}
.HJdownloadDiv .dl20240313 li a {
font-size: 18px;
background-position: 15px center;
background-size: 15%;
}
}
.HJdownload .flex-control-paging li{display:inline-block!important;}
.HJdownload .flex-control-paging li a{background-color:#bbb; box-shadow:none; border:1px solid transparent; width:42px; height:12px; box-sizing:border-box; border-radius:0px;}
.HJdownload .flex-control-paging li a.flex-active{background-color:#d0121b;border:1px solid #fff;}
@media only screen and (max-width: 1023px) {
.HJdownload{height:auto;background:url(../images/HJdb-mb.png) top left no-repeat; position:relative; background-size: cover;}
.HJdownloadImg{width: 100%; height: auto; float:none; margin:0; padding:50px 0;}
.HJdownloadImg h3,.HJdownloadImg p{text-align: center; padding:0;}
.HJdownloadImg h3{font-size: 36px;}
.HJdownloadImg p{font-size: 18px;}
.HJdownloadImg img{margin: 0 auto!important; display:block;}
.HJdownloadDiv{width: 100%; position:static; padding:20px 0; -o-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); top:auto; z-index:3;}
/* .HJdownloadDiv li:nth-child(1) a{background:#e4e4e4 url(../images/ios-red.png) 15px center no-repeat; background-size:17.88%}
.HJdownloadDiv li:nth-child(2) a{background:#e4e4e4 url(../images/ios-red.png) 15px center no-repeat; background-size:17.88%}
.HJdownloadDiv li:nth-child(3) a{background:#e4e4e4 url(../images/android-red.png) 15px center no-repeat; background-size:17.88%} */
.HJdownloadDiv .win a{border:1px solid #ddd;}
.HJdownloadImg .flex-control-nav{width:100%; text-align:center; bottom: 10px!important; transform: translateX(0);}
}
@media only screen and (max-width: 1023px) {
.HJdownloadImg .flex-control-nav{bottom:.6em!important;}
.HJdownload .flex-control-paging li a{width:32px; height:10px;}
}
.caseType{border:1px solid #eeeeee; font-size:16px; line-height:40px; margin-bottom:15px; position:relative; overflow:hidden; background:#fff;}
.caseType a:first-child:before{content:""; display:block; position:absolute; left:-25px; top:50%; margin-top:-15px; height:30px; border-left:2px solid #115fad;}
.caseType a{display:inline-block; margin:0 10px; box-sizing:border-box; color:#333; cursor:pointer; position:relative;}
.caseType a.all{margin-left:25px; font-weight:bold;}
.caseType a.cur{border-bottom:2px solid #115fad;}
.caseType .more{width:24px; height:24px; position:absolute; right:-15px; top:10px; background:url(../images/moreCaseType.png) center no-repeat; background-size:contain; display:none; cursor:pointer; -o-transition:transform ease 1s; -moz-transition:transform ease 1s; -ms-transition:transform ease 1s; -webkit-transition:transform ease 1s; transition:transform ease 1s;}
.caseList{margin-bottom:30px;}
.caseList ul{margin:0 -20px 0 -20px;}
.caseList ul li{width:33.3333%; float:left;}
.caseList ul li .case{margin:10px 20px; position:relative; color:#fff;}
.caseList ul li .case>img{width:100%; height:auto;}
.caseList ul li .case h3{position:absolute; top:0; left:0; right:0; padding:10px 20px; font-size:16px; font-weight:normal; line-height:45px; color:#fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.caseList ul li .case h3 i{font-size:14px; font-weight:bold; font-style:normal; display:inline-block; vertical-align:middle; text-align:center; width:40px; height:40px; line-height:37px; background:url(../images/caseTypeIcon.png) center no-repeat; background-size:contain;}
.caseList ul li .case h3 a{text-shadow:1px 1px 3px #333;}
.caseList ul li .case h3 a:link,.caseList ul li .case h3 a:visited,.caseList ul li .case h3 a:hover{color:#fff; text-decoration:none;}
.caseList ul li .case .info{position:absolute; bottom:0; left:0; right:0; background:rgba(51,51,51,.7); padding:10px 20px; -o-transition:padding ease .5s; -moz-transition:padding ease .5s; -ms-transition:padding ease .5s; -webkit-transition:padding ease .5s; transition:padding ease .5s;}
.caseList ul li .case .info h4{font-size:16px; line-height:35px; font-weight:bold; text-align:center; color:#fff; margin:0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.caseList ul li .case .info h4 a:link,.caseList ul li .case .info h4 a:visited,.caseList ul li .case .info h4 a:hover{color:#fff; text-decoration:none;}
.caseList ul li .case .info p{font-size:14px; line-height:25px; height:75px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.caseList ul li .case .info p span,.caseList ul li .case .info p a,.caseList ul li .case .info p b,.caseList ul li .case .info p i,.caseList ul li .case .info p em{color:#fff!important;}
.caseList ul li .case .info p a:link,.caseList ul li .case .info p a:visited,.caseList ul li .case .info p a:hover{color:#fff;}
.caseList ul li .case:hover .info{padding-bottom:30px; -o-transition:padding ease .5s; -moz-transition:padding ease .5s; -ms-transition:padding ease .5s; -webkit-transition:padding ease .5s; transition:padding ease .5s;}
.moreCases{display:block; width:180px; line-height:40px; background:#eeeeee; border-radius:20px; margin:20px auto; color:#666666; font-size:16px; text-align:center; cursor:pointer;}
@media only screen and (max-width: 959px) {
.caseList ul li{width:49.9999%;}
.caseList ul li .case:hover .info{padding-bottom:20px; -o-transition:none; -moz-transition:none; -ms-transition:none; -webkit-transition:none; transition:none;}
.caseList ul li .case:active .info{padding-bottom:30px; -o-transition:padding ease .5s; -moz-transition:padding ease .5s; -ms-transition:padding ease .5s; -webkit-transition:padding ease .5s; transition:padding ease .5s;}
}
@media only screen and (max-width: 768px) {
.caseList ul li{width:100%;}
}
@media only screen and (max-width: 767px) {
.navPic.cases{display:none;}
.caseType{height:44px; padding-right:40px; font-size:14px; margin-bottom:10px; margin-left:-3.3333%; margin-right:-3.3333%;}
.caseType .more{display:block;}
.caseType.open{height:inherit; padding:0; position:fixed; left:0; right:0; top:66px; background:#fff; padding-bottom:5px; margin-left:0; margin-right:0; z-index:2;}
.caseType.open a:before{display:none;}
.caseType.open a{float:left; margin:5px 10px; line-height:35px; font-weight:normal; width:calc(24.9999% - 20px); text-align:center; border:1px solid #ddd; border-radius:4px; box-sizing:border-box;}
.caseType.open a.cur{border-color:#c31b1f; background:#fbd3d3; color:#c31b1f;}
.caseType.open .all{display:block; margin:0 10px; width:calc(100% - 20px); border:0; text-align:left; line-height:40px;}
.caseType.open .all.cur{border:0;background:none;}
.caseType.open .more{-o-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transform:rotate(-180deg); -o-transition:transform ease 1s; -moz-transition:transform ease 1s; -ms-transition:transform ease 1s; -webkit-transition:transform ease 1s; transition:transform ease 1s;}
.caseList{margin-bottom:20px;}
.caseList ul li{width:100%;}
.moreCases{width:88%; font-size:15px; background:none; border:1px solid #cecece; margin:10px auto;}
.caseList ul li .case h3{font-size:14px;}
.caseList ul li .case .info{padding-top:5px;}
.caseList ul li .case .info h4{font-size:13px; line-height:30px;}
.caseList ul li .case .info p{font-size:12px; line-height:20px; height:60px;}
}
.caseTypeWrapper{width:1168px; margin:0 auto;}
.caseTypeWrapper{position:relative;}
@media only screen and (max-width: 1177px) and (min-width: 959px){
.caseTypeWrapper{width:993px;}
.caseType.open .more{right:0;}
}
@media only screen and (max-width: 959px) and (min-width: 768px){
.caseTypeWrapper{width:698px;}
.caseType.open .more{right:0;}
}
@media only screen and (max-width: 768px) and (min-width: 480px){
.caseTypeWrapper{width:398px;}
.caseType.open .more{right:0;}
}
@media only screen and (max-width: 480px) and (min-width: 100px){
.caseTypeWrapper{width:100%;}
.caseType .more{right:-30px;}
.caseType.open .more{right:10px;}
}
#hotJob {
height: 600px;
background: url(../images/banner_joinUs.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#hotJob {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#hotJob {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#hotJob {
height: 200px;
}
}
.hotJob{padding:30px 0; position:relative;}
.hotJob h1{font-size:26px; font-weight:bold; color:#000; line-height:100%; padding:10px 0; margin-bottom:20px;}
.hotJob h1:before{content:""; display:block; width:5px; height:26px; border-radius:2px; background:#1889f1; float:left; margin-right:5px;}
.emailAndTel{position:absolute; right:0; top:33px;}
.emailAndTel li{float:left; padding-left:20px;}
.emailAndTel .email:before{content:""; display:inline-block; width:40px; height:40px; float:left; margin-right:7px; background:url(../images/job_email.png) center no-repeat;}
.emailAndTel .tel:before{content:""; display:inline-block; width:40px; height:40px; float:left; margin-right:7px; background:url(../images/job_tel.png) center no-repeat;}
.emailAndTel span{display:inline-block; line-height:130%; font-size:12px; color:#000; float:left; margin-top:5px; padding-right:15px; border-right:1px solid #dbdbdb;}
.emailAndTel .tel span{border:0;}
.emailAndTel span em{font-style:normal; font-size:16px; font-weight:bold;}
.emailAndTel span em a:link,.emailAndTel span em:visited,.emailAndTel span em:hover{color:#000; text-decoration:none;}
.jobType{width:12%; float:left;}
.jobType li{border-radius:5px; font-size:14px; color:#333; line-height:150%; padding:10px; text-align:center; margin-bottom:5px; cursor:pointer;}
.jobType li.all:before{content:""; display:block; height:24px; background:url(../images/allJob.png) center no-repeat; margin-bottom:5px;}
.jobType li.cur{background:#1889f1; color:#fff;}
.jobType li:hover{background:#1889f1; color:#fff;}
.hotJobList{width:84%; float:right;}
.hotJobList li{padding-bottom:10px;}
.hotJobList h3{font-size:16px; font-weight:bold; color:#fff; margin:0; background:#1889f1; border-radius:4px; padding:8px 10px; line-height:130%; position:relative; cursor:pointer;}
.hotJobList h3 .location{position:absolute; right:40px; top:6px;}
.hotJobList h3 .location i{font-style:normal;}
.hotJobList h3 .location i:after{content:"▪"; display:inline-block; width:18px; height:18px; text-align:center; vertical-align:text-top;}
.hotJobList h3 .location i:last-child:after{display:none;}
.hotJobList h3:after{content:""; display:block; width:18px; height:18px; float:right; background:url(../images/job_DU.png) center no-repeat;}
.hotJobList h3.open:after{background:url(../images/job_DD.png) center no-repeat;}
.hotJobList .hotJobInfo{display:none; padding:5px 10px;}
.hotJobList .hotJobInfo p,.hotJobList .hotJobInfo a,.hotJobList .hotJobInfo span,.hotJobList .hotJobInfo em,.hotJobList .hotJobInfo b,.hotJobList .hotJobInfo i,.hotJobList .hotJobInfo h1,.hotJobList .hotJobInfo h2,.hotJobList .hotJobInfo h3,.hotJobList .hotJobInfo h4,.hotJobList .hotJobInfo h5,.hotJobList .hotJobInfo h6{font-family:"���ź�",helvetica,arial,sans-serif!important;}
.hotJobList .open+.hotJobInfo{display:block;}
@media only screen and (max-width: 959px) {
.jobType,.hotJobList{width:100%;}
.jobType{margin-bottom:15px;}
.jobType li{float:left; margin-right:5px;}
.jobType li.all:before{display:inline-block; width:20px; height:20px; margin:0 5px 0 0; float:left; background-size:contain;}
}
@media only screen and (max-width: 768px) {
.hotJob{padding:15px 0;}
.hotJob h1{margin-bottom:5px;}
.emailAndTel{position:static; padding-bottom:10px;}
.emailAndTel li{padding:0;}
.jobType{margin-bottom:10px;}
.emailAndTel span{border:0;}
}
.zmda_nav{font-size:14px; color:#333; padding:10px 0; line-height:30px; box-shadow:0px 0px 3px #ccc; background:#fff; position:relative; z-index:2;}
.zmda_nav span{font-size:20px; margin-right:10px;}
.zmda_nav a{text-align:center; box-sizing:border-box; vertical:middle;}
.zmda_nav a{}
.zmda_nav a:hover{color:#199ed8;}
.zmda_nav a.buy{float:right; display:block; width:120px; background:#199ed8; color:#fff; border-radius:15px; margin-left:20px;}
.zmda_nav a.zmdm{float:right; display:block; width:120px; background:#; color:#199ed8; border:1px solid #199ed8; border-radius:15px; margin-left:20px;}
.zmda_nav a.login{float:right;}
.amdb_tx1{text-align:center;}
.amdb_tx1 h1{font-size:72px; font-weight:bold; color:#333;}
.amdb_tx1 p{font-size:22px; text-indent:0; margin-bottom:20px;}
.amdb_tx1 p img{margin:20px;}
.amdb_tx1 .button{display:inline-block; width:200px; height:40px; line-height:40px; background:#199ed8; color:#fff; border-radius:20px; margin:20px;}
.smile,.unSmile{display:inline-block; padding:3px 15px 3px 5px; line-height:36px; border-radius:25px; font-size:22px; margin:20px;}
.smile img,.unSmile img{display:inline-block; vertical-align:top;}
.smile{color:#199ed8; border:1px solid #199ed8;}
.smile:hover{color:#199ed8;}
.unSmile{color:#ff2121; border:1px solid #ff2121;}
.unSmile:hover{color:#ff2121;}
.zmdb{display:inline-block; border-top:1px solid rgba(0,0,0,.6); font-size:18px; color:#333; padding:20px; letter-spacing:10px; line-height:250%; margin-top:60px; margin-bottom:20px;}
.zmdb legend{width:inherit; padding:0 5px 0 15px; font-size:72px; font-weight:bold; color:#333; text-align:center;}
.zmdb+img{margin:30px auto 0 auto;}
.colorBox{background:#d3dce1; padding:20px 50px; text-align:center; margin-bottom:50px;}
.colorBox h3{font-size:48px; font-weight:normal; color:#333; line-height:150%;}
.colorBox p{font-size:16px; font-weight:normal; color:#333; line-height:150%; margin-bottom:20px;}
.colorBox .img{float:right; width:50%;}
.colorBox .txt{float:left; width:50%;}
.colorBox .txt li{display:inline-block; font-size:20px; font-weight:bold; color:#666; line-height:200%; margin:20px;}
.colorBox .txt li img{border:1px solid #a8acae; border-radius:40px;}
.amdb_tx2{text-align:center; padding-top:50px;}
.amdb_tx2 h3{font-size:48px; font-weight:normal; color:#333; line-height:150%;}
.amdb_tx2 p{font-size:16px; font-weight:normal; color:#333; line-height:150%; margin-bottom:20px; text-indent:0;}
.amdb_tx2 .img{float:right; width:59%; padding-top:40px; padding-bottom:50px;}
.amdb_tx2 .txt{float:left; width:35%; padding-left:; padding-top:100px;}
.amdb_tx2 .txt li{position:relative;}
.amdb_tx2 .txt li img{width:inherit!important; position:absolute; left:0; top:30px;}
.amdb_tx2 .txt li ul>li{padding:30px 10px 20px 120px; height:145px;}
.amdb_tx2 .txt li ul>li h4{font-size:24px; font-weight:bold; color:#333; line-height:150%; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.amdb_tx2 .txt li ul>li p{font-size:18px; text-indent:0; color:#333; line-height:150%; margin-bottom:10px; text-align:left; background:none;}
.amdb_tx2 .txt .flex-direction-nav{display:none;}
.amdb_tx2 .txt .flex-control-nav{position:static; margin-top:30px;}
.amdb_tx2 .txt .flex-control-nav li{padding:10px;}
.amdb_tx2 .txt .flex-control-nav li a{width:80px; height:5px; border:none; border-radius:0; background-color:#ddd; box-shadow:none;}
.amdb_tx2 .txt .flex-control-nav li a.flex-active{background-color:#aaa;}
.ul_r2{padding-top:20px;}
.ul_r2 li{display:inline-block; width:49%; position:relative; padding:10px 0px 30px 90px; text-align:left;}
.ul_r2 li img{position:absolute; left:0; top:0;}
.ul_r2 li h4{font-size:24px; font-weight:bold; color:#333; line-height:150%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ul_r2 li p{font-size:18px; text-indent:0; color:#333; line-height:150%; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ul_r2 li span{font-size:16px; text-indent:0; color:#999; line-height:150%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ul_r5{padding-top:20px;}
.ul_r5 li{width:19.9999%; float:left; padding:0 1px; box-sizing:border-box; position:relative; overflow:hidden;}
.ul_r5 li>img{margin:0 auto;}
.ul_r5 li>div{position:absolute; left:1px; right:1px; bottom:-70px; background:rgba(0,0,0,.5); color:#fff; text-align:center; transition:bottom ease .5s;}
.ul_r5 li>div p{font-size:18px; line-height:50px; position:relative; margin:0; color:#fff;}
.ul_r5 li>div p:after{content:""; display:block; width:36px; height:2px; background:#fff; position:absolute; left:50%; margin-left:-18px; bottom:0; opacity:0; transition:opacity ease .5s;}
.ul_r5 li>div span{font-size:16px; line-height:150%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin:10px 10px; opacity:0; transition:opacity ease .5s;}
.ul_r5 li:hover>div{bottom:0; transition:bottom ease .5s;}
.ul_r5 li:hover>div p:after{opacity:1; transition:opacity ease .5s;}
.ul_r5 li:hover>div span{opacity:1; transition:opacity ease .5s;}
.ul_r3{text-align:center; padding-top:20px;}
.ul_r3 li{width:32%; display:inline-block; padding:10px 10px 30px 10px; box-sizing:border-box; vertical-align:top;}
.ul_r3 li img{display:block; margin:0 auto;}
.ul_r3 li h4{font-size:24px; font-weight:bold; color:#333; line-height:150%; margin:0}
.ul_r3 li p{font-size:16px; text-indent:0; color:#333; line-height:150%; margin-bottom:10px;}
.ul_r51{text-align:center; padding-top:20px;}
.ul_r51 li{width:19.9999%; float:left; padding:10px 10px 30px 10px; box-sizing:border-box;}
.ul_r51 li:first-child{padding-left:0;}
.ul_r51 li:last-child{padding-right:0;}
.ul_r51 li img{display:block; margin:0 auto 20px auto;}
.ul_r51 li h4{font-size:22px; font-weight:bold; color:#333; line-height:150%; margin:0}
.ul_r51 li p{font-size:15px; text-indent:0; color:#333; line-height:150%; margin-bottom:10px;}
.ul_r51+img{margin:0 auto;}
.ul_r22{float:right; width:30%; padding-top:50px; margin-top:30px;}
.ul_r22 li{position:relative; padding:10px 0px 30px 90px; text-align:left;}
.ul_r22 li img{position:absolute; left:0; top:10px;}
.ul_r22 li h4{font-size:24px; font-weight:bold; color:#fff; line-height:150%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ul_r22 li p{font-size:18px; text-indent:0; color:#fff; line-height:150%; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.amdb_tx2_img{float:left; width:60%; margin:30px 0 50px 5%;}
.amdb_tx2_img img{margin:0 auto;}
.ul_r32{text-align:center; padding:30px 0;}
.ul_r32 li{width:33.3333%; padding:10px 15px; float:left; box-sizing:border-box;}
.ul_r32 li>div{border:1px solid #ebf0fd; height:150px; padding:20px 20px 10px 90px; position:relative;}
.ul_r32 li>div img{position:absolute; left:20px; top:15px;}
.ul_r32 li>div img+img{right:0; bottom:0; left:inherit; top:inherit;}
.ul_r32 li h4{font-size:18px; font-weight:bold; color:#333; line-height:150%; margin:0; text-align:left; position:relative;}
.ul_r32 li p{font-size:18px; text-indent:0; color:#333; line-height:150%; margin-bottom:10px; text-align:left; position:relative;}
.ul_r21{padding-top:20px; padding-bottom:20;}
.ul_r21 li{width:49.9999%; float:left; padding:10px; box-sizing:border-box; position:relative; overflow:hidden;}
.ul_r21 li>div{position:absolute; left:10px; right:10px; bottom:10px; top:10px; background:rgba(0,0,0,.5); color:#fff; text-align:center; transition:background ease .5s;}
.ul_r21 li>div p{font-size:18px; line-height:50px; position:relative; margin:0; color:#fff; margin-top:50px; transition:margin ease .5s;}
.ul_r21 li>div p img{margin:0 auto 30px auto; transition:margin ease .5s;}
.ul_r21 li>div p:before{content:""; display:block; width:36px; height:2px; background:#fff; position:absolute; left:50%; margin-left:-18px; bottom:50px; opacity:1; transition:opacity ease .5s;}
.ul_r21 li>div span{font-size:16px; line-height:150%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin:10px 10px; opacity:0; transition:opacity ease .5s;}
.ul_r21 li>div:hover{background:rgba(6,90,162,.9);transition:background ease .5s;}
.ul_r21 li>div:hover p{margin-top:30px; transition:margin ease .5s;}
.ul_r21 li>div:hover p:before{opacity:0; transition:opacity ease .5s;}
.ul_r21 li>div:hover p img{margin:0 auto 10px auto; transition:margin ease .5s;}
.ul_r21 li>div:hover span{opacity:1; transition:opacity ease .5s;}
.ul_r21 + .button{display:inline-block; width:240px; height:40px; line-height:40px; background:#199ed8; color:#fff; border-radius:20px; margin: 50px 20px;}
.specifications{margin:30px auto;}
.specifications th{width:40%; text-align:left; font-size:20px; font-weight:bold; color:#333; line-height:36px; vertical-align:top;}
.specifications th img{display:inline-block; vertical-align:top; margin-left:15%;}
.specifications td{text-align:left; font-size:16px; color:#333; line-height:36px; vertical-align:top;}
.specifications tr td:last-child{width:35%;}
.specifications a:link,.specifications a:visited,.specifications a:hover{color:#1ea0d9; text-decoration:none; font-weight:normal; font-size:16px;}
.specifications .line{border-bottom:1px solid #ddd;}
.specifications .line th,.specifications .line td{padding-bottom:15px;}
.specifications .line+tr th,.specifications .line+tr td{padding-top:15px;}
.specifications+.button{display:inline-block; width:240px; height:40px; line-height:40px; background:#199ed8; color:#fff; border-radius:20px; margin: 50px 20px;}
@media only screen and (max-width: 959px) {
.amdb_tx1 p,.amdb_tx2 p{text-align:center;}
.colorBox .img,.colorBox .txt,.amdb_tx2 .img,.amdb_tx2 .txt,.ul_r22,.amdb_tx2_img{width:100%; margin:20px 0; padding:0;}
.ul_r5 li{width:33.3333%;}
.ul_r22 li p{text-align:left;}
.ul_r32 li{width:49.9999%;}
.ul_r21 li{width:100%;}
}
.mb .zmda_nav{font-size:12px; line-height:25px;}
.mb .zmda_nav a.buy{width:70px; border-radius:8px;}
.mb .amdb_tx1 h1{font-size:32px; margin-bottom:10px;}
.mb .amdb_tx1 p{font-size:12px; line-height:20px; margin-bottom:10px;}
.mb .amdb_tx1 .button{font-size:12px; line-height:30px; height:30px; width:150px; border-radius:8px; margin-bottom:0;}
.mb .zmdb{border:0; margin:0; letter-spacing:0;}
.mb .zmdb h3{display:inline-block; font-size:30px; font-weight:bold; color:#1f1f1f; margin-bottom:5px;}
.mb .zmdb h3:before,.mb .zmdb h3:after{content:""; display:inline-block; width:30px; height:0;border-top:1px solid; vertical-align:super; margin:0 10px; opacity:.6;}
.mb .zmdb h4{font-size:12px; font-weight:normal; color:#1f1f1f; letter-spacing:3px;}
.mb .colorBox{padding:10px; margin:0;}
.mb .colorBox h3{font-size:22px; font-weight:bold;}
.mb .colorBox p{font-size:12px; margin-bottom:0px;}
.mb .colorBox .txt li{font-size:12px; margin:5px 10px;}
.mb .colorBox .txt li img{width:38px;}
.mb .amdb_tx2 h3{font-size:22px; margin-bottom:5px; font-weight:bold;}
.mb .amdb_tx2 p{font-size:12px; margin-bottom:0px;}
.mb .amdb_tx2{padding:0 0 10px 0;}
.mb .ul_r2 li{padding:10px 10px 0 10px; text-align:center;}
.mb .ul_r2 li img{position:static; width:40px; margin:0 auto;}
.mb .ul_r2 li h4{font-size:13px; margin-bottom:5px;}
.mb .ul_r2 li p{font-size:12px;}
.mb .ul_r2 li span{font-size:10px;}
.mb .ul_r5{margin-bottom:10px;}
.mb .ul_r5 li{width:49.9999%; padding:5px;}
.mb .ul_r5 li>div{bottom:5px; left:5px; right:5px;}
.mb .ul_r5 li>div p{line-height:40px;}
.mb .ul_r5 li>div p:after{opacity:1; width:26px; margin-left:-13px; height:1px;}
.mb .ul_r5 li>div span{opacity:1; font-size:11px; margin:10px 5px;}
.mb .ul_r3 li{padding:0 5px;}
.mb .ul_r3 li img{width:45px;}
.mb .ul_r3 li h4{font-size:12px;}
.mb .ul_r3 li p{font-size:10px;}
.mb .amdb_tx2 .txt li img{width:55px!important; position:static; margin:0 auto 5px auto;}
.mb .amdb_tx2 .txt li ul{text-align:center;}
.mb .amdb_tx2 .txt li ul>li{width:32.5%; display:inline-block; padding:10px 5px; vertical-align:top; text-align:center;}
.mb .amdb_tx2 .txt li ul>li h4{font-size:12px; text-align:center; margin-bottom:5px;}
.mb .amdb_tx2 .txt li ul>li p{font-size:10px; text-align:center;}
.mb .ul_r51{text-align:center;}
.mb .ul_r51 li{width:32.5%; display:inline-block; float:none; padding:5px 5px 5px 5px; vertical-align:top;}
.mb .ul_r51 li img{width:50px; margin:0 auto 5px auto;}
.mb .ul_r51 li h4{font-size:12px;}
.mb .ul_r51 li p{font-size:10px;}
.mb .ul_r22{text-align:center;}
.mb .ul_r22 li{display:inline-block; padding:5px 20px 10px 40px;}
.mb .ul_r22 li img{width:35px; top:5px;}
.mb .ul_r22 li h4{font-size:12px; margin-bottom:2px;}
.mb .ul_r22 li p{font-size:10px;}
.mb .ul_r32{padding-bottom:0;}
.mb .ul_r32 li>div{padding:10px 10px 5px 40px; height:95px;}
.mb .ul_r32 li>div img{width:30px; left:5px;}
.mb .ul_r32 li>div img+img{width:inherit; left:inherit; max-width:44%;}
.mb .ul_r32 li h4{font-size:12px;}
.mb .ul_r32 li p{font-size:10px;}
.mb .ul_r32+.button{display:inline-block; background:#199ed8; color:#fff;}
.mb .ul_r32+.button{font-size:12px; line-height:30px; height:30px; width:150px; border-radius:8px; margin:20px 20px 30px 20px;}
.mb .ul_r21{padding:0;}
.mb .ul_r21 li>div{position:static; background:#fff;}
.mb .ul_r21 li>div p{color:#333; margin:0px; padding-top:20px; font-size:18px; line-height:30px; font-weight:bold;}
.mb .ul_r21 li>div p:before{display:none;}
.mb .ul_r21 li>div p img{margin:0 auto;}
.mb .ul_r21 li>div span{color:#333; opacity:1; margin:0; padding:5px 20px 15px 20px; -webkit-line-clamp:7; font-size:12px; text-align:left;}
.mb .ul_r21 + .button{font-size:12px; line-height:30px; height:30px; width:150px; border-radius:8px; margin:20px 20px 30px 20px;}
.mb .specifications{margin: 10px auto 0 auto;}
.mb .specifications th{font-size:13px; line-height:20px; width:18%; padding-left:0;}
.mb .specifications td{font-size:11px; line-height:20px; padding-left:20px;}
.mb .specifications tr td:last-child{padding-left:;}
.mb .specifications .line+tr th,.mb .specifications .line+tr td{padding-top:7px;}
.mb .specifications .line th,.mb .specifications .line td{padding-bottom:7px;}
.mb .specifications th img{margin:0;}
.mb .specifications a{font-size:12px;}
.mb .specifications+.button{font-size:12px; line-height:30px; height:30px; width:150px; border-radius:8px; margin:20px 20px 10px 20px;}
.mb .bgColorDiv{position:relative;}
.mb .bgColorDiv>a:first-child{position:absolute; top:-110px;}
/*newIndexCss*/
div.product{margin:15px -8px 45px -8px;}
div.product li{width:24.9999%; float:left;}
div.product .productItem{margin:10px 8px; text-align:center;}
div.product .productItem:hover{box-shadow:0px 0px 10px rgba(114,114,114,.3);}
div.product .productItem img{width:100%; height:auto; margin-bottom:20px;}
div.product .productItem h3{font-size:24px; font-weight:normal; line-height:40px; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.product .productItem h3 a:link,div.product .productItem h3 a:visited{color:#333; text-decoration:none;}
div.product .productItem h3 a:hover,div.product .productItem h3 a:active{color:#428bca; text-decoration:none;}
div.product .productItem p{font-size:16px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.product .productItem p a:link,div.product .productItem p a:visited{color:#555; text-decoration:none;}
div.product .productItem p a:hover,div.product .productItem p a:active{color:#428bca; text-decoration:none;}
div.title{text-align:center; padding:20px 0 25px 0; width:100%; background:#fff;}
div.title h2{font-size:36px; font-weight:normal; line-height:40px; margin:0; color:#333;}
div.title p{font-size:18px; line-height:40px; height:0; border-top:1px solid #cacdcf; color:#868686; margin:25px 0 25px 0;}
div.title p i{font-family:"Microsoft YaHei Light"; background:#fff; font-style:normal; display:inline-block; padding:0 30px; position:relative; top:-20px; color:#868686;}
div.title span{font-size:20px; line-height:30px; color:#000; display:inline-block; padding-top:25px;}
div.title span i{color:#777; font-style:normal; font-size:16px; line-height:20px;}
.scenes{padding:75px 0px!important; background:#737373; margin:0 10px;}
.scenes .scenesItem{text-align:center; background:#fff; padding-bottom:15px; width:57%;}
.scenes .scenesItem img{width:100%; height:auto;}
.scenes .scenesItem h3{font-size:16px; font-weight:normal; line-height:35px; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.scenes .scenesItem p{font-size:11px; line-height:14px;}
.scenes .scenesItem p a:link,.scenes .scenesItem p a:visited{color:#666; text-decoration:none;}
.scenes .scenesItem p a:hover,.scenes .scenesItem p a:active{color:#428bca; text-decoration:none;}
.scenes .swiper-slide.scenesPrev:after,.scenes .swiper-slide.scenesNext:after{content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.5);}
.scenes .swiper-slide.scenesActive {
-o-transform: scale(1.35);
-ms-transform: scale(1.35);
-moz-transform: scale(1.35);
-webkit-transform: scale(1.35);
transform: scale(1.35);
box-shadow:1px 0px 20px rgba(0,0,0,.35);
z-index:2;
}
.swiper-button-next.scenesNext{width:35px; height:50px; background:url(../images/next01.png) center no-repeat; right:5%; margin-top:-25px; margin-right:-18px;}
.swiper-button-prev.scenesPrev{width:35px; height:50px; background:url(../images/prev01.png) center no-repeat; left:5%; margin-top:-25px; margin-left:-18px;}
.productBannerWrapper{margin:60px 0 40px 0;}
.swiper-button-next.productBannerNext{width:45px; height:70px; background:rgba(27,27,27,.7) url(../images/next2.png) center no-repeat; border-radius:3px; right:0; margin-top:-35px;}
.swiper-button-prev.productBannerPrev{width:45px; height:70px; background:rgba(27,27,27,.7) url(../images/prev2.png) center no-repeat; border-radius:3px; left:0; margin-top:-35px;}
.cases{margin-bottom:40px;}
.cases .casesItem{text-align:center; position:relative;}
.cases .casesItem img{width:100%; height:auto;}
.cases .casesItem p{font-size:16px; color:#333; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #b9b9b9; border-top:0; padding:10px 5px 8px 5px;}
.cases .casesItem p span{display:block; font-size:12px;}
.cases .casesItem p a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cases .casesItem p a:link,.cases .casesItem p a:visited,.cases .casesItem p a:hover{color:#333;}
.cases .casesItem p span a:link,.cases .casesItem p span a:visited,.cases .casesItem p span a:hover{color:#777;}
.swiper-button-next.casesNext{width:45px; height:70px; background:rgba(27,27,27,.7) url(../images/next2.png) center no-repeat; border-radius:3px; right:20%; margin-top:-35px; margin-right:-75px;}
.swiper-button-prev.casesPrev{width:45px; height:70px; background:rgba(27,27,27,.7) url(../images/prev2.png) center no-repeat; border-radius:3px; left:20%; margin-top:-35px; margin-left:-75px;}
.videos{margin:50px 0;}
.videos .videosItem{position:relative;}
.videos .videosItem .videoInfo{position:absolute; left:0; right:0; bottom:0; padding:20px; font-size:18px; line-height:27px; color:#fff; text-align:center; background:rgba(0,0,0,.4)}
.videos .videosItem .playIcon{position:absolute; left:50%; top:50%; margin-left:-41px; margin-top:-41px;}
.swiper-button-next.videosNext{width:45px; height:70px; background:rgba(27,27,27,.7) url(../images/next2.png) center no-repeat; border-radius:3px; right:30px; margin-top:-35px;}
.swiper-button-prev.videosPrev{width:45px; height:70px; background:rgba(27,27,27,.7) url(../images/prev2.png) center no-repeat; border-radius:3px; left:30px; margin-top:-35px;}
.news{margin:0 -20px 20px -20px;}
.news .newsRow{width:33.3333%; float:left; border-left: 1px solid #b5b5b5; margin-bottom:30px; box-sizing:border-box;}
.news .newsRow:first-child{border:0;}
.news .newsRow h3{font-size:22px; line-height:22px; font-weight:normal; padding:0px 20px 10px 20px; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .newsRow h3 .title:before{content:''; display:inline-block; width:22px; height:21px; background:url(../images/dot-red.png) center no-repeat; vertical-align:middle; margin-right:5px;}
.news .newsRow h3 .titleEn{font-size:14px; color:#646464; padding-left:20px;}
.news .newsRow h3 .more{font-size:14px; color:#646464; float:right;}
.news .newsRow ul{padding:0 20px 0px 20px;}
.news .newsRow ul li{border-bottom:1px dashed #b5b5b5;}
.news .newsRow ul li span{font-size:16px; line-height:30px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .newsRow ul li span.title{width:calc(100% - 100px);}
.news .newsRow ul li span.title:before{content:'▪'; font-weight:bold; display:inline-block; margin-right:5px;}
.news .newsRow ul li span.time{width:80px; font-size:14px; color:#969696; float:right;}
.customers{margin-bottom:50px;}
.customers ul{margin:0 -20px;}
.customers li{width:16.6666%; float:left; padding:10px 20px; box-sizing:border-box;}
.customers li img{width:100%; height:auto;}
.tp-leftarrow.default,.tp-rightarrow.default{width:56px!important; height:56px!important;}
.tp-bullets.simplebullets.round .bullet{width:10px!important; height:10px!important; background:none!important; margin-left:5px!important; border-radius:5px; border:1px solid #d9d9d9; box-sizing:border-box;}
.tp-bullets.simplebullets.round .bullet.selected{background:#d9d9d9!important;}
div.product{margin:10px 0 40px 0; background:#ededed; padding:50px 10px;}
div.product .productItem{margin:7px 5px;}
div.product .productItem img{margin-bottom:14px;}
div.product .productItem h3{font-size:16px; line-height:28px;}
div.product .productItem p{font-size:12px; line-height:21px;}
div.title h2{font-size:25px;line-height:28px;}
div.title p{font-size:13px; line-height:28px; margin:17px 0 17px 0;}
div.title p i{padding:0 21px; top:-14px;}
div.title span{font-size:14px; line-height:21px; padding-top:17px;}
div.title span i{font-size:12px; line-height:14px;}
.scenes .scenesItem{padding-bottom:10px;}
.newsCenter{margin-top:10px;}
.newsSlider{width:570px; float:left;}
.newsSlider img{width:100%; height:auto;}
.newsSlider .newsSlideItem{position:relative;}
.newsSlider .newsSlideItem p{position:absolute; left:0; right:0; bottom:0; line-height:40px; font-size:15px; background:rgba(0,0,0,.4); color:#fff; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsSlider .newsSlideItem p a:link,.newsSlider .newsSlideItem p a:visited,.newsSlider .newsSlideItem p a:hover{color:#fff; text-decoration:none;}
.newsPagination{position:absolute; right:0; left:inherit!important; width:auto!important; bottom:15px!important; z-index:2;}
.newsSlider .swiper-pagination-bullet{width:20px; height:2px; background:#666; transition:width linear .3s; opacity:1; border-radius:0;}
.newsSlider .swiper-pagination-bullet-active{background:#fff; width:25px; transition:width linear .3s;}
.newsListRight{width:calc(100% - 570px); float:right;}
.newsListRight ul{padding-left:20px;}
.newsListRight li{margin-bottom:17px;}
.newsListItem:hover{box-shadow:0px 0px 10px rgba(98,98,98,.6);}
.newsListItem .newsListDateTime{padding:40px 0 0 15px;}
.newsListItem .newsListDateTime{float:left;font-size:14px; color:#666; line-height:30px;}
.newsListItem .newsListDateTime span{font-size:24px; color:#333; line-height:30px; border-bottom:1px solid #ccc;}
.newsListItem .newsListTitle{float:right; width:70%; padding:5px 20px 5px 0; box-sizing:border-box;}
.newsListItem .newsListTitle h3{font-size:16px; line-height:22px; height:44px; font-weight:normal; color:#333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsListItem .newsListTitle h3 a{color:#333;}
.newsListItem .newsListTitle p{font-size:14px; line-height:18px; height:36px; color:#888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:12px;}
.newsListItem .newsListTitle p a{color:#888;}
.newsCenterMore{font-size:16px; line-height:30px; text-align:center; margin-top:10px;}
.newsCenterMore a{color:#666;}
.videos{margin:35px 0 40px 0;}
.videos .videosItem .videoInfo{padding:14px; font-size:13px; line-height:18px;}
.videos .videosItem .playIcon{margin-left:-29px; margin-top:-29px;}
.videos .videosItem .playIcon img{width:58px; height:58px;}
.swiper-button-prev.productBannerPrev{width:32px; height:49px; left:0; margin-top:-24px; background-size:22%;}
.swiper-button-next.productBannerNext{width:32px; height:49px; right:0; margin-top:-24px; background-size:22%;}
.swiper-button-prev.videosPrev{width:32px; height:49px; left:21px; margin-top:-24px; background-size:22%;}
.swiper-button-next.videosNext{width:32px; height:49px; right:21px; margin-top:-24px; background-size:22%;}
.customers{margin-bottom:50px;}
.customers ul{margin:0 -14px;}
.customers li{padding:7px 14px;}
.news{margin:0 -14px 14px -14px;}
.news .newsRow{margin-bottom:21px;}
.news .newsRow h3{font-size:15px; line-height:15px;padding:0px 14px 7px 14px;}
.news .newsRow h3 .title:before{content:''; display:inline-block; width:15px; height:15px; background-size:contain; margin-right:3px;}
.news .newsRow h3 .titleEn{font-size:12px;padding-left:10px;}
.news .newsRow h3 .more{font-size:12px;}
.news .newsRow ul{padding:0 14px 0px 14px;}
.news .newsRow ul li span{font-size:12px; line-height:21px;}
.news .newsRow ul li span.title{width:calc(100% - 70px);}
.news .newsRow ul li span.title:before{margin-right:3px;}
.news .newsRow ul li span.time{width:70px; font-size:12px;}
.swiper-button-prev.casesPrev{width:32px; height:49px; margin-left:-52px; margin-top:-24px; background-size:22%;}
.swiper-button-next.casesNext{width:32px; height:49px; margin-right:-52px; margin-top:-24px; background-size:22%;}
@media only screen and (max-width: 1600px) {
.newsSlider{width:470px;}
.newsListRight{width:calc(100% - 470px);}
.newsListRight ul{padding-left:15px;}
.newsListRight li{margin-bottom:12px;}
.newsListItem .newsListTitle{padding:5px;}
.newsListItem .newsListTitle h3{font-size:14px; line-height:18px; margin-bottom:5px;}
.newsListItem .newsListTitle p{font-size:12px;}
.newsListItem .newsListDateTime{padding:22px 0 0 10px; font-size:12px;}
.newsListItem .newsListDateTime span{font-size:20px;}
}
@media only screen and (max-width: 1333px) {
.newsSlider .newsSlideItem p{font-size:12px;}
.newsSlider{width:400px;}
.newsListRight{width:calc(100% - 400px);}
.newsListRight ul{padding-left:10px;}
.newsListRight li{margin-bottom:8px;}
.newsListItem .newsListTitle h3{height:37px; margin-bottom:5px;}
.newsListItem .newsListTitle p{line-height:16px; height:32px; margin-bottom:5px;}
.newsListItem .newsListDateTime{padding:22px 0 0 10px; font-size:12px;}
.newsListItem .newsListDateTime span{font-size:20px;}
}
.xt_tx1{text-align:left;}
.xt_tx1 h1{font-size:56px; font-weight:bold; line-height:90px; color:#333;}
.xt_tx1 p{font-size:22px; line-height:30px; margin-bottom:10px; text-indent:0; margin-bottom:20px; color:#333;}
.xt_tx1 ul{margin-bottom:70px;}
.xt_tx1 li{font-size:26px; line-height:60px; border-bottom:1px solid #e1e1e1; list-style-type:disc; list-style-position:inside; color:#333;}
.xt_tx1 li:last-child{borderr:0;}
.xt_tx1 .button{display:inline-block; height:40px; line-height:40px; padding:0 15px; margin:0 20px 10px 0px; border:1px solid #199ed8; color:#199ed8;}
.xt_tx1 .button img{display:inline-block; vertical-align:middle; margin-right:5px;}
.xt_tx2 h3{font-size:40px; color:#fff; line-height:60px;}
.xt_tx2 p{font-size:20px; color:#fff; text-indent:0;}
.xt_tx2 ul{display:table; width:100%;}
.xt_tx2 li{display:table-row-group;}
.xt_tx2 li>div{display:table-cell; padding:15px 10px;}
.xt_tx2 .icon{width:60px; vertical-align:middle;}
.xt_tx2 .text{text-align:left; vertical-align:top;}
.xt_tx2 .text h4{font-size:20px; font-weight:bold; line-height:30px; color:#fff; text-align:left; margin:0;}
.xt_tx2 .text span{font-size:18px; line-height:30px; color:#fff; text-align:left;}
.xt_tx3{padding:30px;}
.xt_tx3 h3{font-size:40px; font-weight:bold; color:#333; line-height:60px; text-align:center; margin:10px;}
.xt_tx3 p{font-size:20px; line-height:35px; color:#666; text-align:center; padding:10px;}
.xt_tx3 p img{margin:auto;}
.xt_tx3 .ul5{text-align:center; padding:30px 0;}
.xt_tx3 .ul5 li{display:inline-block; width:19%; font-size:18px; line-height:30px; color:#333; border-right:1px solid #ccc;}
.xt_tx3 .ul5 li:last-child{border:0;}
.xt_tx3 .ul5 li strong{font-weight:bold: font-size:20px;}
.xt_tx3 .ul3{padding:30px 0;}
.xt_tx3 .ul3 li{width:33.3333%; float:left; display:table;}
.xt_tx3 .ul3 li>div{display:table-cell; vertical-align:middle; padding:20px 0;}
.xt_tx3 .icon{width:60px;}
.xt_tx3 .text{text-align:left;}
.xt_tx3 .text h4{font-size:20px; font-weight:bold; line-height:30px; color:#2494c9; text-align:left; margin:0;}
.xt_tx3 .text span{font-size:18px; line-height:30px; color:#666; text-align:left;}
.xt_tx4{padding:30px;}
.xt_tx4 h3{font-size:40px; font-weight:bold; color:#fff; line-height:60px; text-align:center; margin:10px;}
.xt_tx4 p{font-size:20px; color:#fff; text-align:center; padding:10px; text-align:center;}
.xt_tx4 .ul2{width:80%; margin:0 auto; padding-top:50px;}
.xt_tx4 .ul2 li{width:34%; border:1px solid rgba(204,204,204,0.3); background:rgba(0,0,0,.3); padding:5px 15px 15px 15px; border-radius:10px; margin:40px 0; box-sizing:border-box;}
.xt_tx4 .ul2 li:nth-child(even){float:right;}
.xt_tx4 .ul2 li:nth-child(odd){float:left;}
.xt_tx4 .ul2 li h4{font-size:20px; font-weight:bold; color:#fff; line-height:40px; margin:0;}
.xt_tx4 .ul2 li span{color:#fff;}
.xt_tx4 .ul2 li p{color:#878787; line-height:30px;}
.xt_tx4 .ul3{text-align:center; padding:30px 0; margin-top:280px;}
.xt_tx4 .ul3 li{display:inline-block; width:32%; vertical-align:top;}
.xt_tx4 .ul3 li h4{font-size:22px; font-weight:bold; color:#fff; line-height:40px; margin:0;}
.xt_tx4 .ul3 li span{color:#fff; line-height:30px; font-size:16px;}
.xt_tx5 .ul1{width:37%; float:left; margin-bottom:35px; padding:0 20px; background:#f6fafe; box-sizing:border-box;}
.xt_tx5 li{text-align:left; font-size:18px; color:#1daefa;}
.xt_tx5 li>div{display:table-cell; vertical-align:top; padding:20px 0;}
.xt_tx5 .icon{width:80px; padding-top:25px;}
.xt_tx5 .text{text-align:left;}
.xt_tx5 .text h4{font-size:24px; font-weight:normal; line-height:40px; color:#333; text-align:left; margin:0;}
.xt_tx5 .text span{font-size:18px; line-height:35px; color:#999; text-align:left;}
.xt_tx5 .ul2{width:60%; float:right; padding:0 20px; margin-bottom:33px; background:#f6fafe; box-sizing:border-box;}
.xt_tx5 .ul2 li{width:49.9999%; float:left;}
.xt_tx5 li:first-child{width:100%; padding:30px 0;}
.xt_tx6 h3{font-size:40px; font-weight:bold; line-height:64px; color:#333;}
.xt_tx6 p{font-size:24px; line-height:42px; margin-bottom:10px; text-indent:0; margin-bottom:30px; color:#333;}
.xt_tx6 .button{display:inline-block; font-size:18px; height:40px; line-height:40px; padding:0 20px; margin:0 20px 10px 0px; border:1px solid #199ed8; color:#fff; background:#199ed8;}
.somecases {text-align:center;}
.somecases ul{margin:20px -20px 50px -20px;}
.somecases li{width:33.3333%; float:left; padding:0 20px;}
.somecases li .item{box-shadow:0px 0px 8px rgba(0,0,0,.2); padding-bottom:15px;}
.somecases li .item .image{position:relative;}
.somecases li .item .image h3{position:absolute; left:0; right:0; bottom:0; padding:0 20px; margin:0; font-size:18px; line-height:50px; color:#fff; background:rgba(0,0,0,.7); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.somecases li .item .info{height:220px; overflow:hidden; padding:10px 20px 0 20px;}
.somecases li .item .info:before{content:""; display:block; width:80px; height:2px; background:#14b1d5; margin-bottom:10px;}
.somecases li .item .info p{font-size:16px; color:#666; line-height:29px; margin-bottom:10px; text-align:left;}
.bigBtn{display:inline-block; width:240px; line-height:50px; font-size:16px; font-weight:bold; color:#fff; background:#199ed8; text-align:center; margin: 50px 20px;}
.xt_tx7{text-align:center; margin-top:100px;}
.xt_tx7 h3{font-size:48px; line-height:100px; font-weight:normal; color:#fff; margin:0;}
.xt_tx7 h3:after{content:""; width:120px; height:3px; background:#fff; display:block; margin:auto;}
.xt_tx7 p{font-size:24px; line-height:40px; color:#fff; padding:20px; margin:0;}
.xt_tx7.dark h3{color:#333;}
.xt_tx7.dark h3:after{background:#333;}
.xt_tx7.dark p{color:#333;}
.senceLogo{text-align:center;}
.senceLogo img{margin:70px auto 15px auto; border:1px solid #517183;}
.senceLogo p{font-size:21px; color:#eee;}
.xt_tx8 h3{font-family:"Microsoft YaHei Light"; font-size:36px; color:#333; font-weight:200; line-height:80px; margin-bottom:20px;}
.xt_tx8 h3:after{content:""; width:80px; height:2px; background:#333; display:block; margin:auto;}
.xt_tx8 .ul3{text-align:center; margin-bottom:70px;}
.xt_tx8 .ul3 li{display:inline-block; width:30%; font-size:24px; font-weight:bold; color:#333; line-height:50px;}
.xt_tx8 .ul3 li img{display:block; margin:20px auto 10px auto;}
.xt_tx8 .ul3 li i{display:inline-block; width:32px; height:32px; line-height:32px; font-style:normal; background:#1c95d4; color:#fff; border-radius:16px; vertical-align:middle;}
.mb .xt_tx1{position:absolute; top:20px; width:100%; text-align:center;}
.mb .xt_tx1 h1{font-size:48px; line-height:60px;}
.mb .xt_tx1 ul{display:inline-block;}
.mb .xt_tx1 li{font-size:14px; line-height:30px;}
.mb .xt_tx1 li:last-child{border:0;}
.mb .xt_tx1 p{font-size:18px; line-height:30px; margin-bottom:0px;}
.mb .xt_tx1 .button{background:#1ea0d9; color:#fff; border-radius:8px; height:32px; line-height:32px; font-size:13px;}
.mb .xt_tx1 .button img{float:left; margin-top:5px;}
.mb .xt_tx2 h3{font-size:24px; font-weight:normal;line-height:35px;}
.mb .xt_tx2 p{font-size:14px; line-height:20px; text-align:center; margin-bottom:0;}
.mb .xt_tx2 ul{width:85%; margin:auto;}
.mb .xt_tx2 .icon{width:36px; padding:15px 5px; vertical-align:top;}
.mb .xt_tx2 .icon img{max-width:100%; height:auto;}
.mb .xt_tx2 .text{padding:5px;}
.mb .xt_tx2 .text h4{font-size:15px;}
.mb .xt_tx2 .text span{font-size:13px;}
.mb .xt_tx3{padding:20px 0px;}
.mb .xt_tx3 h3{font-size:24px; font-weight:normal;line-height:35px; margin:0 0 5px 0;}
.mb .xt_tx3 p{font-size:14px; line-height:20px; text-align:center; margin-bottom:10px; padding:0;}
.mb .xt_tx3 .ul2{margin:20px 30px 0 30px; }
.mb .xt_tx3 .ul2 li{width:36%; margin-bottom:20px;}
.mb .xt_tx3 .ul2 li:nth-child(even){float:left;}
.mb .xt_tx3 .ul2 li:nth-child(odd){float:right;}
.mb .xt_tx3 .ul2 li:first-child{width:100%;}
.mb .xt_tx3 .ul2 .icon{width:40px; height:40px; margin:auto; border:1px solid #199ed8; border-radius:25px; padding:5px;}
.mb .xt_tx3 .ul2 .icon img{width:100%; height:auto; margin:auto;}
.mb .xt_tx3 .ul2 .text{text-align:center;}
.mb .xt_tx3 .ul2 .text h4{font-size:15px; font-weight:bold; line-height:18px; color:#199ed8; margin:0; text-align:center;}
.mb .xt_tx3 .ul2 .text span{font-size:13px; line-height:25px; color:#999; text-align:center;}
.mb .xt_tx3 .ul5{padding:10px 0;}
.mb .xt_tx3 .ul5 li{font-size:12px; line-height:16px; width:inherit; padding:0 3px;}
.mb .xt_tx3 .ul3{padding:15px 0;}
.mb .xt_tx3 .ul3 li{width:49.9999%; padding-bottom:10px;}
.mb .xt_tx3 .ul3 .icon{width:100%; display:block; padding:5px;}
.mb .xt_tx3 .ul3 .icon img{width:36px; height:auto; margin:auto;}
.mb .xt_tx3 .ul3 .text{text-align:center; display:block; padding:5px;}
.mb .xt_tx3 .ul3 .text h4{font-size:15px; font-weight:bold; line-height:18px; color:#199ed8; margin:0 0 5px 0; text-align:center;}
.mb .xt_tx3 .ul3 .text span{font-size:13px; line-height:20px; color:#999; text-align:center;}
.mb .xt_tx4{padding:20px 0px;}
.mb .xt_tx4 h3{font-size:24px; font-weight:normal;line-height:35px; margin:0 0 5px 0;}
.mb .xt_tx4 p{font-size:14px; line-height:20px; text-align:center; margin-bottom:10px; padding:0;}
.mb .xt_tx4 .ul2{width:100%; padding:0;}
.mb .xt_tx4 .ul2 li{width:36%; padding:5px 7px; margin:30px 0;}
.mb .xt_tx4 .ul2 li h4{font-size:13px; line-height:25px;}
.mb .xt_tx4 .ul2 li span{font-size:12px;}
.mb .xt_tx4 .ul3{margin-top:200px; padding:10px 0;}
.mb .xt_tx4 .ul3 li h4{font-size:13px; line-height:20px;}
.mb .xt_tx4 .ul3 li span{font-size:12px; line-height:18px;}
.mb .xt_tx5 .ul1{width:100%; margin-bottom:20px; padding: 15px 20px;}
.mb .xt_tx5 li{width:49.9999%; float:left;}
.mb .xt_tx5 li:first-child{width:100%; padding:0 0 5px 0; font-size:14px; text-align:center;}
.mb .xt_tx5 .ul2{width:100%; margin-bottom:20px; padding: 15px 20px;}
.mb .xt_tx5 .icon{width:36px; padding:15px 5px;}
.mb .xt_tx5 .icon img{max-width:100%; height:auto;}
.mb .xt_tx5 .text{padding:5px;}
.mb .xt_tx5 .text h4{font-size:14px; line-height:24px;}
.mb .xt_tx5 .text span{font-size:12px; line-height:16px;}
.mb .xt_tx6 h3{font-size:24px; font-weight:normal;line-height:35px; margin:0 0 5px 0;}
.mb .xt_tx6 p{font-size:14px; line-height:20px; text-align:center; margin-bottom:10px; padding:0;}
.mb .xt_tx6 .button{width:120px; line-height:35px; height:35px; font-size:14px; margin:20px 5px; padding:0}
.mb .xt_tx7{position:absolute; top:30%; width:100%; margin:0;}
.mb .xt_tx7 h3{font-size:18px; line-height:40px;}
.mb .xt_tx7 h3:after{height:2px; width:40px;}
.mb .xt_tx7 p{font-size:12px; line-height:20px; padding:5px 10px 0 10px;}
.mb .somecases ul{margin:20px -10px;}
.mb .somecases li{width:100%; margin-bottom:15px;}
.mb .somecases li .item .image h3{font-size:15px; font-weight:normal;}
.mb .somecases li .item .info{height:inherit;}
.mb .somecases li .item .info p{font-size:14px; line-height:25px;}
.mb .senceLogo{position:absolute; width:50%; top:50%; left:25%; transform:translateY(-50%);}
.mb .senceLogo img{margin:0;}
.mb .senceLogo p{font-size:12px; line-height:20px;}
.mb .xt_tx8 h3{font-size:27px; line-height:60px;}
.xt_tx8 h3:after{height:1px;}
.mb .xt_tx8 .ul3{margin-bottom:20px;}
.mb .xt_tx8 .ul3 li{width:100%; font-size:14px; line-height:30px; padding-bottom:20px;}
.mb .xt_tx8 .ul3 li img{margin:0 auto;}
.mb .xt_tx8 .ul3 li i{width:20px; height:20px; line-height:20px;}
.mb .bigBtn{width:120px; line-height:30px; font-size:12px; margin:20px 10px;}
#safeSolution {
height: 600px;
background: url(../images/banner-safeSolution.jpg) 50% no-repeat;
background-size: cover;
}
@media only screen and (max-width: 960px) {
#safeSolution {
height: 300px;
}
}
@media only screen and (max-width: 768px) {
#safeSolution {
height: 240px;
}
}
@media only screen and (max-width: 480px) {
#safeSolution {
height: 200px;
}
}
#safeSolution{position:relative;}
#safeSolution .row{position:static;}
#safeSolution .bannerInfo{top:50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); width:32%;}
#safeSolution .bannerInfo div{background:rgba(0,0,0,.35); padding:10% 30px; margin-bottom:20px;}
#safeSolution .bannerInfo h1{color:#fff; padding:0; font-weight:bold;}
#safeSolution .bannerInfo p{color:#fff; text-indent:0; line-height:25px; margin-bottom:30px;}
#safeSolution .bannerInfo > a{display:inline-block; line-height:35px; background:#fff; padding:0 25px; font-size:16px; font-weight:bold; margin-left:30px; margin-bottom:10px; border-radius:5px;}
#safeSolution .bannerInfo > a:link,#safeSolution .bannerInfo > a:visited,#safeSolution .bannerInfo > a:hover{color:#3e4a9d; text-decoration:none;}
.safeSolution{padding:50px 50px 30px 50px; min-height:300px;}
.safeSolution h3{font-size:24px; font-weight:bold; color:#333333; line-height:150%; margin-bottom:20px; text-align:center;}
.safeSolution p{font-size:16px; color:#666666; line-height:150%; margin-bottom:10px;}
.safeSolution ul{margin:30px -20px;}
.safeSolution li{width:24.9999%; float:left;}
.safeSolution li .item{margin:10px; font-size:16px; line-height:200%; color:#666; text-align:center;}
.safeSolution li .item img{margin:0 auto;}
.mb .banner{height:inherit!important;}
.mb #safeSolution .bannerInfo{top:7%; left:15%; right:15%; width:inherit; -o-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); text-align:center;}
.mb #safeSolution .bannerInfo div{padding:3%;}
.mb #safeSolution .bannerInfo h1{font-family:'microsoft YaHei Light'!important; font-weight:bold; margin-bottom:5px;}
.mb #safeSolution .bannerInfo p{display:block; margin:0; font-size:16px;}
.mb #safeSolution .bannerInfo + a{display:inline-block; font-size:12px; line-height:25px; background:#fff; padding:0 25px; font-size:16px; font-weight:bold; border-radius:5px; position:absolute; bottom:5%; left:50%; -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.mb #safeSolution .bannerInfo + a:link,.mb #safeSolution .bannerInfo + a:visited,.mb #safeSolution .bannerInfo + a:hover{color:#3e4a9d; text-decoration:none;}
.mb .safeSolution{padding:30px; min-height:inherit;}
.mb .safeSolution h3{font-size:18px; font-weight:normal; margin-bottom:10px;}
.mb .safeSolution p{font-size:13px;}
.mb .safeSolution ul{margin:0px -20px;}
.mb .safeSolution li{width:49.99999%;}
.mb .safeSolution li .item{background:#79b5d7; font-size:13px; color:#fff; margin:5px; padding:25% 0;}
.mb .safeSolution li .item img{max-width:50%; height:auto;}
.topBanner{position:relative;}
.topBanner .swiper-button-prev{width:56px; height:56px; left:30px; margin-top:-28px; background:url(../images/large_left.png);}
.topBanner .swiper-button-next{width:56px; height:56px; right:30px; margin-top:-28px; background:url(../images/large_right.png);}
.topBanner .swiper-pagination-bullet{margin:0 5px; width:10px; height:10px; border:1px solid #d9d9d9; background:transparent; opacity:1; box-sizing:border-box;}
.topBanner .swiper-pagination-bullet-active{background:#d9d9d9;}
.topBanner .bannerInfo{left:20%; top:50%; transform:translateY(-50%);}
.topBanner .bannerInfo h3{font-size:60px; font-weight:bold; color:#fff; line-height:120%; margin-bottom:20px;}
.topBanner .bannerInfo p{font-size:30px;color:#fff; line-height:150%; margin-bottom:50px; text-indent:0;}
.topBanner .bannerInfo .btn{display:inline-block; line-height:40px; font-size:16px; padding:0 25px; border-radius:25px; background:#299fff; color:#fff; margin-right:50px;}
.topBanner .bannerInfo .btn img{vertical-align:middle; display:inline-block;}
@media only screen and (max-width: 1600px){
.topBanner .bannerInfo h3{font-size:48px;}
.topBanner .bannerInfo p{font-size:20px;}
}
@media only screen and (max-width: 968px){
.topBanner .swiper-button-prev{width:36px; height:36px; left:5px; margin-top:-18px; background-size:contain;}
.topBanner .swiper-button-next{width:36px; height:36px; right:5px; margin-top:-18px; background-size:contain;}
}
/* new footer style*/
.footer{background:#3b465a url(../images/pcfooter.png) center bottom repeat-x; background-size:cover; padding:30px 0 25px 0; margin-top: 50px;}
.footer .footerNav{width:70%; max-width:1150px; margin:0 auto; padding-bottom:40px;}
.footer .footerNav>ul{display:-webkit-flex; display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.footer .footerNav>ul>li{}
.footer .footerNav>ul>li:last-child{padding-left:20px; width:235px;}
.footer .footerNav>ul>li h3{font-size:18px; font-weight:bold; color:#fff; line-height:150%; margin:0; padding:0 0 10px 0;}
.footer .footerNav>ul>li h3 a{color:#fff;}
.footer .footerNav>ul>li h3 a:link,.footer .footerNav>ul>li h3 a:visited,.footer .footerNav>ul>li h3 a:hover{color:#fff; text-decoration:none;}
.footer .footerNav>ul>li p{font-size:12px; color:rgba(255,255,255,.7); line-height:180%; margin:0; padding:0;}
.footer .footerNav>ul>li p a:link,.footer .footerNav>ul>li p a:visited{color:rgba(255,255,255,.7); text-decoration:none;}
.footer .footerNav>ul>li p a:hover{color:#fff; text-decoration:none;}
.footer .footerNav>ul>li p a.sina{display:inline-block; width:32px; height:32px; margin:5px 10px 10px 0; border:1px solid #b1b5bd; border-radius:21px; vertical-align:middle; box-sizing:border-box; background-color:transparent; background-image:url(../images/sina.png); background-position:center; background-repeat:no-repeat; background-size:contain;}
.footer .footerNav>ul>li p a.sina:hover{background-color:#89909c; background-image:url(../images/sinaHover.png);}
.footer .footerNav>ul>li p a.wechat{display:inline-block; width:32px; height:32px; margin:5px 10px 10px 0; border:1px solid #b1b5bd; border-radius:21px; vertical-align:middle; box-sizing:border-box; background-color:transparent; background-image:url(../images/wechat.png); background-position:center; background-repeat:no-repeat; background-size:contain; position:relative;}
.footer .footerNav>ul>li p a.wechat:hover{background-color:#89909c; background-image:url(../images/wechatHover.png);}
.footer .footerNav>ul>li p a.wechat>.code{position:absolute; display:none; top:46px; left:0; width:126px; margin-left:-42px; padding:7px 0; font-size:12px; color:#3b465a; line-height:100%; text-align:center; background:#fff; border-radius:5px;}
.footer .footerNav>ul>li p a.wechat>.code:before{content:""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 5px solid #fff; position:absolute; top:-5px; left:50%; margin-left:-11px;;}
.footer .footerNav>ul>li p a.wechat>.code img{display:block; margin:0 auto;}
.footer .footerNav>ul>li p a.wechat:hover>.code{display:block;}
.footer .footerNav>ul>li p a.douin{display:inline-block; width:32px; height:32px; margin:5px 10px 10px 0; border:1px solid #b1b5bd; border-radius:21px; vertical-align:middle; box-sizing:border-box; background-color:transparent; background-image:url(../images/douin.png); background-position:center; background-repeat:no-repeat; background-size:contain; position:relative;}
.footer .footerNav>ul>li p a.douin:hover{background-color:#89909c; background-image:url(../images/douinHover.png);}
.footer .footerNav>ul>li p a.douin>.code{position:absolute; display:none; top:46px; left:0; width:126px; margin-left:-42px; padding:7px 0; font-size:12px; color:#3b465a; line-height:100%; text-align:center; background:#fff; border-radius:5px;}
.footer .footerNav>ul>li p a.douin>.code:before{content:""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 5px solid #fff; position:absolute; top:-5px; left:50%; margin-left:-11px;;}
.footer .footerNav>ul>li p a.douin>.code img{display:block; margin:0 auto;}
.footer .footerNav>ul>li p a.douin:hover>.code{display:block;}
.footer .footerNav>ul>li p a.tao{display:inline-block; width:32px; height:32px; margin:5px 10px 10px 0; border:1px solid #b1b5bd; border-radius:21px; vertical-align:middle; box-sizing:border-box; background-color:transparent; background-image:url(../images/tao.png); background-position:center; background-repeat:no-repeat; background-size:contain;}
.footer .footerNav>ul>li p a.tao:hover{background-color:#89909c; background-image:url(../images/taoHover.png);}
.footer .footerNav>ul>li p a.Jdog{display:inline-block; width:32px; height:32px; margin:5px 10px 10px 0; border:1px solid #b1b5bd; border-radius:21px; vertical-align:middle; box-sizing:border-box; background-color:transparent; background-image:url(../images/Jdog.png); background-position:center; background-repeat:no-repeat; background-size:contain;}
.footer .footerNav>ul>li p a.Jdog:hover{background-color:#89909c; background-image:url(../images/JdogHover.png);}
.footer .footerNav>ul>li p a:last-child{margin-right:0;}
.footer .footerNav>ul>li p a.hotline{font-size:20px; font-weight:bold; padding:15px 0 10px 0; color:#fff; display:inline-block;}
.footer .footerNav>ul>li p a.hotline:link,.footer .footerNav>ul>li p a.hotline:visited,.footer .footerNav>ul>li p a.hotline:hover{color:#fff; text-decoration:none;}
.footer .footerNav>ul>li p a.onlineService{display:inline-block; font-size:14px; padding:0 27px; height:40px; line-height:34px; text-align:center; color:#fff; margin:10px 0 10px 0; border:2px solid #9f9f9f;}
.footer .footerNav>ul>li p a.onlineService:before{content:""; display:inline-block;; width:24px; height:24px; vertical-align:middle; margin-right:10px; background:url(../images/onlineService.png) center no-repeat; background-size:contain;}
.footer .footerLinks{display:-webkit-flex; display:flex; justify-content:space-between; flex-wrap:wrap; width:70%; max-width:1150px; margin:0 auto; padding:10px 0;}
.footer .footerLinks .location{font-weight:normal; text-align:left; color:rgba(255,255,255,.7); font-size:13px;}
.footer .footerLinks .location .local{display:inline-block; width:150px; background:#fff url(../images/selectDown.png) right center no-repeat; position:relative; color:#000; text-align:left; vertical-align:middle; line-height:24px;}
.footer .footerLinks .location .local img{vertical-align:top; display:inline-block;}
.footer .footerLinks .location .local>div{position:absolute; top:24px; background:#fff; left:-1px; right:-1px; border:1px solid #333; display:none;}
.footer .footerLinks .location .local>div li{font-size:12px; line-height:25px; padding:0 10px;}
.footer .footerLinks .location .local>div li:hover{background:#ccc;}
.footer .footerLinks .location:hover .local>div{display:block;}
.footer .footerLinks .friendLinks{color:rgba(255,255,255,.7); line-height:24px; font-size:13px;}
.footer .footerLinks .friendLinks a{padding-right:15px;}
.footer .footerLinks .friendLinks a:link,.footer .footerLinks .friendLinks a:visited{color:rgba(255,255,255,.7); text-decoration:none;}
.footer .footerLinks .friendLinks a:hover{color:#fff; text-decoration:none;}
.footer .footerLinks .siteLinks{color:rgba(255,255,255,.7); line-height:24px; font-size:13px;}
.footer .footerLinks .siteLinks a:link,.footer .footerLinks .siteLinks a:visited{color:rgba(255,255,255,.7); text-decoration:none;}
.footer .footerLinks .siteLinks a:hover{color:#fff; text-decoration:none;}
.footer .footerCopyright{padding:10px 0; border-top:1px solid #606b7f;}
.footer .footerCopyright .footerCopyrightMain{width:70%; max-width:1150px; margin:0 auto; font-size:13px; line-height:24px; color:rgba(255,255,255,.7);}
.footer .footerCopyright .footerCopyrightMain a{color:rgba(255,255,255,.7);}
.footer .footerCopyright .footerCopyrightMain a:link,.footer .footerCopyright .footerCopyrightMain a:visited,.footer .footerCopyright .footerCopyrightMain a:hover{color:rgba(255,255,255,.7); text-decoration:none;}
.footer .footerCopyright .footerCopyrightMain .licence{padding-left:20px;}
.footer .footerCopyright .footerCopyrightMain .licence a{padding-left:15px;}
.footer .footerCopyright .footerCopyrightMain .imgIcon{display:block; text-align:center; padding-top:40px;}
.footer .footerCopyright .footerCopyrightMain .imgIcon img{display:inline-block; vertical-align:middle; margin:0 5px;}
@media only screen and (max-width: 960px){
.footer{display:none;}
}
/*云配件*/
.productInfo1 .model{font-size:50px; font-weight:bold; color:#164487; line-height:140%; margin:0;}
.productInfo1 .name{font-size:40px; color:#000; line-height:180%; margin:0 0 1% 0;}
.productInfo1 .model a:link,.productInfo1 .model a:visited,.productInfo1 .model a:hover{color:#164487; text-decoration:none;}
.productInfo1 .info{font-size:20px; color:#555555; line-height:240%; margin:0 0 10px;}
.productImg img{width:100%; height:auto;}
.YPJ1{position:relative; background:url(../images/YPJimg1.jpg) center no-repeat; background-size:cover;}
.YPJ1 .productInfo1{position:absolute; top:4%; width:100%; text-align:center;}
.YPJ1 .productImg{position:absolute; width:36%; left:32%; top:40%;}
.YPJ1 .productInfo2{position:absolute; bottom:4%; width:62%; left:19%;}
.YPJ1 .productInfo2 li{width:24.9999%; float:left; text-align:center; font-size:16px; line-height:200%; color:#282828;}
.YPJ1 .productInfo2 li img{margin:10px auto; border:1px solid #b6b6b6; border-radius:32px;}
.YPJ2{position:relative; background:url(../images/YPJimg3.png) center no-repeat; background-size:cover;}
.YPJ2 .productInfo1{position:absolute; right:15%; top:14%;}
.YPJ2 .productImg{position:absolute; width:59%; left:5%; bottom:7%;}
.YPJ3{position:relative; background:url(../images/YPJimg5.jpg) center no-repeat; background-size:cover;}
.YPJ3 .productInfo1{position:absolute; left:15%; top:50%; width:85%; transform:translateY(-50%); z-index:1;}
.YPJ3 .productImg{position:absolute; width:38%; right:13%; top:15%; z-index:2;}
.YPJ3 .productInfo1 ul{padding-top:3%;}
.YPJ3 .productInfo1 li{display:inline-block; text-align:center; font-size:16px; line-height:200%; color:#282828; padding-right:70px;}
.YPJ3 .productInfo1 li:last-child{padding-right:0;}
.YPJ3 .productInfo1 li span{color:#164487;}
.YPJ3 .productInfo1 li img{margin:15px auto;}
.YPJlist{background:#f6f6f6; margin-bottom:30px; padding:70px 0;}
.YPJlist h3{
font-size: 25px;
font-weight: normal;
color: #444;
text-align: center;
padding-bottom: 50px;
}
.YPJlist h3:before{content:""; height:1px; width:80px; background:#aaaaaa; display:inline-block; vertical-align:middle; margin-right:60px;}
.YPJlist h3:after{content:""; height:1px; width:80px; background:#aaaaaa; display:inline-block; vertical-align:middle; margin-left:60px;}
.YPJlist ul{width:74%; margin:0 auto; padding:0 0;}
.YPJlist li{width:20%; float:left; padding:0;}
.YPJlist .product{margin:0; padding:20px 10px; background:#fff; position:relative;}
.YPJlist .product.new:after{content:""; width:45px; height:45px; background:url(../images/YPJicon8.png) center no-repeat; background-size:contain; position:absolute; top:20px; right:20px; pointer-events:none;}
.YPJlist .product img{width:100%; height:auto; margin-bottom:25px; box-shadow:0px 0px 50px rgba(194,194,194,.2);}
.YPJlist .product p{font-size:18px; line-height:166%; color:#282828; text-align:center; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.banner>img,.YPJ1>img,.YPJ2>img,.YPJ3>img{width:100%; height:auto;}
@media only screen and (max-width: 1500px){
.productInfo1 .model{font-size:44px;}
.productInfo1 .name{font-size:32px;}
.productInfo1 .info{font-size:15px;}
.YPJ1 .productInfo2 li{font-size:13px;}
.YPJ3 .productInfo1 li{font-size:13px; padding-right:40px;}
}
@media only screen and (max-width: 1200px){
.productInfo1 .model{font-size:40px;}
.productInfo1 .name{font-size:30px;}
.productInfo1 .info{font-size:14px;}
.YPJ1 .productInfo2 li{font-size:12px;}
.YPJ1 .productInfo2 li img{max-width:66.66%; height:auto;}
.YPJ3 .productInfo1 li{font-size:12px; padding-right:30px;}
.YPJ3 .productInfo1 li img{max-width:66.66%; height:auto;}
.YPJlist li{padding:10px 15px;}
.YPJlist .product p{font-size:14px;}
.YPJlist .product.new:after{width:24px; height:24px;}
}
@media only screen and (max-width: 960px){
.productInfo1 .model{font-size:27px;}
.productInfo1 .name{font-size:18px;}
.productInfo1 .info{font-size:12px;}
.YPJ1>img,.YPJ2>img,.YPJ3>img{display:none;}
.productInfo1,.productInfo2,.productImg{position:static!important; padding:15px 0; margin:0 auto;}
.YPJ1 .productInfo2 ul{text-align:center;}
.YPJ1 .productInfo2 li{display:inline-block; width:23%; float:none; vertical-align:top;}
.YPJ3 .productInfo1{transform:translateY(0); width:50%;}
.YPJ3 .productInfo1 li{padding-right:15px;}
.YPJ2 .productInfo1{width:50%;}
.YPJlist li{padding:5px 7px;}
.YPJlist .product img{margin-bottom:10px;}
}
@media only screen and (max-width: 960px){
.productInfo1 .model{font-size:18px;}
.productInfo1 .name{font-size:14px; margin-bottom:5px!important;}
.YPJ1 .productInfo2,.YPJ2 .productInfo1,.YPJ3 .productInfo1{width:80%;}
.YPJ3 .productInfo1 li{padding-right:0; width:31%;}
.YPJ3 .productInfo1 li img{margin:7px auto; max-width:44.4444%; height:auto;}
.YPJlist{padding:20px 0; margin-bottom:10px;}
.YPJlist ul{width:85%;}
.YPJlist .product.new:after{top:10px; right:20px;}
.YPJlist h3{padding-bottom:10px; font-size:18px;}
.YPJlist li{width:49.9999%;}
.YPJlist h3:before{width:40px; margin-right:20px;}
.YPJlist h3:after{width:40px; margin-left:20px;}
.saleOnline h2{margin:0; padding:0; font-size:18px;}
.saleOnline h2:before{width:40px; margin-right:20px;}
.saleOnline h2:after{width:40px; margin-left:20px;}
.saleOnline ul{padding-bottom:15px;}
}
/*体验厅*/
.TYTvideo{position:relative;}
.TYTvideo img{width:100%; height:auto; display:block;}
.TYTvideo video{width:100%; height:auto; display:block; position:absolute; left:0; right:0 ; top:0; bottom:0;}
.TYTvideo .btn1{position:absolute; left:51.8868%; top:43.8888%; width:15.4444%; height:13%; cursor:pointer;}
.TYTvideo .btn2{position:absolute; left:39.4444%; top:66.6666%; width:21.2264%; height:5.7861%; cursor:pointer;}
#videoPopBg{background:rgba(0,0,0,.6); position:absolute; left:0; right:0; top:0; bottom:0; display:none;}
.TYTstep{width:34%; height:56%; position:absolute; left:32%; top:22%; padding:20px 10px; border:4px solid #dcdcdc; border-radius:10px; background:#fff;}
.TYTstep .swiper-slide{display:table; width:100%; background:#fff;}
.TYTstep .swiper-slide .box{display:table-cell; vertical-align:middle; text-align:center;}
.TYTstep .swiper-slide .box .step{font-size:30px; margin-bottom:1.8em; color:#000; font-weight:bold;}
.TYTstep .swiper-slide .box .info{font-size:26px; margin:0; line-height:200%; color:#000; font-weight:bold;}
.TYTstep .swiper-slide .box span{font-size:22px; margin:0; line-height:200%; color:#282828;}
.TYTstep .swiper-slide .box .next{font-size:26px; font-weight:bold; height:1.3em; line-height:1em; width:22%; margin:2em auto 0 auto; color:#000; border:2px solid #428ee2; border-radius:5px; cursor:pointer;}
.TYTstep .swiper-slide .box .next:hover{color:#fff; background:#428ee2;}
.TYTstep .swiper-slide .box a:link,.TYTstep .swiper-slide .box a:visited,.TYTstep .swiper-slide .box a:hover{color:#282828; text-decoration:underline!important;}
@media only screen and (max-width: 1600px){
.TYTstep .swiper-slide .box .step{font-size:26px;}
.TYTstep .swiper-slide .box .info{font-size:22px;}
.TYTstep .swiper-slide .box span{font-size:18px;}
.TYTstep .swiper-slide .box .next{font-size:22px;}
}
@media only screen and (max-width: 1366px){
.TYTstep .swiper-slide .box .step{font-size:22px;}
.TYTstep .swiper-slide .box .info{font-size:18px;}
.TYTstep .swiper-slide .box span{font-size:14px;}
.TYTstep .swiper-slide .box .next{font-size:18px;}
}
@media only screen and (max-width: 1100px){
.TYTstep .swiper-slide .box .step{font-size:18px;}
.TYTstep .swiper-slide .box .info{font-size:14px;}
.TYTstep .swiper-slide .box span{font-size:12px;}
.TYTstep .swiper-slide .box .next{font-size:14px;}
}
@media only screen and (max-width: 960px){
.TYTstep .swiper-slide .box .step{font-size:14px; margin-bottom:1em;}
.TYTstep .swiper-slide .box .info{font-size:12px;}
.TYTstep .swiper-slide .box span{font-size:10px;}
.TYTstep .swiper-slide .box .next{font-size:12px; border:1px solid #428ee2; margin-top:1.2em; border-radius:3px;}
.TYTstep{border:2px solid #dcdcdc; padding:10px 5px; border-radius:5px;}
}
@media only screen and (max-width: 640px){
.TYTstep .swiper-slide .box .step{font-size:13px; margin-bottom:.4em;}
.TYTstep .swiper-slide .box .info{font-size:11px;}
.TYTstep .swiper-slide .box .next{font-size:11px; margin-top:.5em; }
.TYTstep{width:80%; height:80%; left:10%; top:10%;}
}
.zhumuClientBanner{position:relative; font-size:70px;}
.zhumuClientInfo{position: absolute; left:14%; top:50%; transform:translateY(-50%);}
.zhumuClientInfo h1{font-size:.84em; color:#fff;}
.zhumuClientInfo p{font-size:.36em; color:#fff; margin-bottom:.4em;}
.zhumuClientInfo span{display:block; font-size:.28em; color:#fff; margin-bottom:2.2em;}
.zhumuClientInfo>a{display:block; width:220px; height:50px; line-height:50px; font-size:.26em; color:#fff; text-align:center; background:#528ef6; border-radius:28px;}
.zhumuClientInfo>a:hover{color:#fff;}
.zhumuClientInfo>a img{width:26px; height:24px; display:inline-block; vertical-align:middle;}
.pNav{margin:30px 10%;}
.pNav ul{display:flex;flex-wrap: nowrap; }
.pNav li{flex : 1; font-size:16px; text-align:center; height:50px;}
.pNav li a{display:block; background:#f7f7f7; border:1px solid #e0e0e0; border-top:0; border-right:0; line-height:20px; padding:15px 10px; height:100%; box-sizing:border-box;}
.pNav li:first-child a{border-left:0;}
.pNav li.cur a{background:transparent; border:1px solid #1d76ef; border-bottom:0;}
.pNav li.cur +li a{border-left:0;}
.hGroup{text-align:center; padding:40px 0 0 0;}
.hGroup h2{font-size:28px; line-height:150%; font-weight:normal;color:#333;}
.hGroup h3{font-size:16px; line-height:200%; font-weight:normal; color:#666;}
.image{padding:60px 0;}
.imformation{position:absolute;padding:60px 0;}
.imformation h3{font-size:20px; line-height:200%; font-weight:normal; color:#222;}
.imformation p{font-size:14px; line-height:180%; margin:0; color:#777;}
.imformation .btns {margin-top:20px;}
.imformation .btns a{display:inline-block; padding:7px 15px; line-height:20px; font-size:16px; color:#fff; background:#2193e2; margin-right:10px;}
.list {padding:30px 0;}
.list ul{display:table; width:100%; padding-bottom:20px;}
.list li{display:table-cell; text-align:center; vertical-align:top; padding:15px 30px; width:33.3333%; font-size:14px; line-height:200%; color:#777;}
.list li img{display: block; margin:10px auto;}
.list li p{font-size:16px; line-height:180%; color:#222;}
@media only screen and (max-width: 960px){
.pNav{margin:30px 0;}
.zhumuClientBanner{font-size:35px;}
.zhumuClientInfo>a{width:150px; height:35px; line-height:35px;}
.zhumuClientInfo>a img{width:16px; height:auto;}
.image{float:none!important; margin:30px auto; padding:0;}
.imformation{position:static!important; margin:50px auto; padding:0; width:100%!important; transform:translateY(0)!important;}
}
@media only screen and (max-width: 640px){
.zhumuClientBanner{font-size:18px;}
.zhumuClientInfo>a{width:100px; height:30px; line-height:30px;}
.zhumuClientInfo>a img{width:14px; height:auto;}
.image{margin:20px auto; width:100%!important;}
.imformation{margin:20px auto;}
.imformation h3{font-size:15px;}
.imformation p{font-size:12px;}
.imformation .btns {margin-top:10px;}
.imformation .btns a{padding:5px 10px; line-height:16px; font-size:12px; margin-right:5px;}
.hGroup{padding:20px 0 0 0;}
.hGroup h2{font-size:24px;}
.hGroup h3{font-size:13px;}
.pNav{margin:20px 0 10px 0;}
.pNav li{font-size:12px;}
.pNav li a{padding:4px;}
.list {padding:20px 0;}
.list ul{padding-bottom:10px;}
.list li{padding:10px 15px; font-size:12px;}
.list li img{margin:5px auto; width:36px; height:auto;}
.list li p{font-size:13px;}
}
/*新闻中心*/
.pNav.newsCenter{margin:30px 0;}
.newsCenterCon{padding:10px 0;}
.selectDate{text-align:center;}
.selectDate select{width:200px; height:30px; background:#ededed; border:0; text-align:center;}
.newsCenterList{}
.newsCenterList ul{}
.newsCenterList li{}
.newsCenterList.videoNews ul{margin:0 -20px;}
.newsCenterList.videoNews li{width:33.333%; float:left;}
.imgNewsItem{display:table; margin:50px 0; table-layout:fixed; width:100%;}
.imgNewsItem:hover{box-shadow:0px 0px 30px rgba(90,90,90,.4)}
.imgNewsItem .newsImg{display:table-cell; width:392px; height:272px; overflow:hidden;}
.imgNewsItem .newsImg img{}
.imgNewsItem .newsInfo{display:table-cell; vertical-align:top; padding:10px 10px 10px 30px;}
.imgNewsItem .newsInfo h3{font-size:18px; font-weight:bold; line-height:160%; text-align:left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.imgNewsItem .newsInfo h3 a:link,.imgNewsItem .newsInfo h3 a:visited,.imgNewsItem .newsInfo h3:hover{color:#333; text-decoration:none;}
.imgNewsItem .newsInfo p.time{font-size:14px; line-height:220%; color:#333; text-align:left; margin:0; padding:10px 0;}
.imgNewsItem .newsInfo p.info{font-size:14px; line-height:220%; color:#333; text-align:left; margin:0 0 20px 0; height:120px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.imgNewsItem .newsInfo p.view{font-size:12px; color:#808080; text-align:right;}
.imgNewsItem .newsInfo p.view:before{content:""; width:18px; height:12px; display:inline-block; vertical-align:middle; background:url(../images/newsRead.png) center no-repeat; margin-right:5px;}
.pages{text-align:center; font-size:15px; color:#888; line-height:28px; padding:20px 0 50px 0;}
.pages a{display:inline-block; padding:0 10px; vertical-align:baseline; cursor:pointer;}
.pages a.pre,.page a.next{border:1px solid #c3c3c3; padding:0 15px; border-radius:8px;}
.pages a.bt{border:1px solid #1d76ef; color:#1d76ef; border-radius:8px;}
.pages a.curP{color:#144386; font-weight:bold;}
.pages input{display:inline-block; padding:0 10px; width:48px; vertical-align:baseline; border:1px solid #c3c3c3; border-radius:8px;}
.newsCenterItem{display:table; table-layout:fixed; width:100%; margin:20px 0;}
.newsCenterItem .title{display:table-cell; padding:0 70px; font-size:16px; text-align:left;}
.newsCenterItem .title a:link,.newsItem .title a:visited, .newsItem .title a:hover{color:#333; text-decoration:none;}
.newsCenterItem .time{display:table-cell; padding:0 70px 0 0; width:160px; font-size:16px; color:#333; text-align:right; vertical-align:middle;}
.videoItem{margin:10px 20px;}
.videoItem:hover img{box-shadow: 0px 0px 18px #ababab;}
.videoItem .title{font-size:16px; line-height:160%; height:56px; margin:15px 0; text-align:left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.videoItem .time{font-size:12px; color:#8b8b8b; text-align:right;}
@media only screen and (max-width: 960px){
.newsCenterCon{padding:10px 0;}
.imgNewsItem{margin:30px 0;}
.imgNewsItem .newsImg{width:240px; height:166px;}
.imgNewsItem .newsInfo{padding:5px 10px 5px 15px;}
.imgNewsItem .newsInfo h3{font-size:16px; margin:0;}
.imgNewsItem .newsInfo p.time{font-size:12px; margin:5px 0; padding:0;}
.imgNewsItem .newsInfo p.info{font-size:12px; height:50px; -webkit-line-clamp:2; margin-bottom:20px;}
.newsCenterItem{margin:10px 0;}
.newsCenterItem .title{padding:0 50px 0 0;}
.newsCenterItem .time{padding-right:0; width:100px;}
.newsCenterList.videoNews li{width:49.9999%;}
}
@media only screen and (max-width: 768px){
.newsCenterCon{padding:0 0 10px 0;}
.imgNewsItem .newsImg,.imgNewsItem .newsInfo{display:block; width:100%; height:inherit; padding:0;}
.imgNewsItem .newsImg img{width:100%; height:auto;}
.imgNewsItem .newsInfo{padding:10px;}
.imgNewsItem .newsInfo h3{font-size:14px;}
.imgNewsItem .newsInfo p.time{margin:0;}
.newsCenterItem .title{padding:0 20px 0 0; font-size:12px;}
.newsCenterItem .time{width:80px; font-size:12px;}
.pages{font-size:12px; line-height:22px; padding:0 0 30px 0;}
.newsCenterList.videoNews ul{margin:0 -10px;}
.videoItem{margin:10px;}
.videoItem .title{font-size:13px; margin:7px 0; height:40px;}
.pages a{padding:0 5px;}
.pages a.pre,.page a.next{padding:0 7px;}
.pages input{width:35px; padding:0 5px;}
.pNav{margin:15px 0;}
.pNav.newsCenter li{height:30px;}
}
/* PC new subNav*/
.subNav{position:absolute; top:61px; left:-10px; display:none;}
.subNav:before{content:""; width:11px; height:10px; position:absolute; left:198px; top:-9px; background:url(../images/subNavBefore.png) center no-repeat;}
.subNav>ul{display:table; height:100%; background:#fff; border:1px solid #d8d8d8; border-radius:8px; overflow:hidden;}
.subNav>ul>li{display:table-cell; font-size:14px; line-height:42px; padding:40px 40px 40px 40px!important; min-width:203px; text-align:left; vertical-align:top;}
.subNav>ul>li:first-child{padding-left:50px!important;}
.subNav>ul>li:last-child{padding-right:50px!important;}
.subNav li h3{font-size:16px; font-weight:bold; color:#444; line-height:22px; margin:10px 0;}
.subNav li img{display:inline-block; vertical-align:middle; margin-right:10px;}
.subNav>ul>li img{height:30px; width:auto; margin:0 0 8px 0;}
.subNav>ul>li li img{height:20px; width:20px; margin:0 10px 0 0;}
.subNav li li{float:none; padding:0!important; width:auto;}
.subNav a:link,.subNav a:visited{color:#444!important;}
.subNav a:hover,.subNav a:active{color:#428bca!important;}
.subNav ul ul{}
.subNav.h{display:block;}
#aboutUs{width:auto; left:348px;}
#aboutUs ul ul{width:auto!important;}
#aboutUs li li{padding:0;}
#aboutUs>ul>li:nth-child(2){background:#f5f5f5;}
#cases{left:80px;}
#cases ul ul{width:auto!important;}
#cases li{padding-left:auto;}
#cases>ul>li:nth-child(2){background:#f5f5f5;}
#products{width:auto; }
#products>ul>li:nth-child(1){width:290px;}
#products>ul>li:nth-child(2){width:280px;}
#products>ul>li:nth-child(3),#products>ul>li:nth-child(4){background:#f5f5f5;}
#products>ul>li:nth-child(4){font-weight:bold; text-align:center;}
#products>ul>li:nth-child(4) img{box-shadow:0px 0px 9px rgba(0,0,0,.3); vertical-align:top; margin:18px auto 0 auto; width:100%; height:auto;}
#products>ul>li:nth-child(4){font-weight:bold; text-align:center;}
#products>ul>li:nth-child(4) li{font-size:16px;}
.subNav#products li h3{height:44px;}
.subNav#products li li{}
#downloads{left:170px;}
#downloads>ul>li:nth-child(2){background:#f5f5f5;}
#downloads li{text-align:center; vertical-align:middle; font-size:16px;}
.subNav#downloads li img{margin:10px auto;}
#mall{height:170px; left:260px;}
#mall li{text-align:center; vertical-align:middle;}
#mall>ul>li{width:175px; min-width:inherit;}
#mall>ul>li:nth-child(2){width:155px;}
.subNav#mall li img{margin:5px auto; border:1px solid #444; border-radius:30px; width:46px; height:46px;}
.SSKT{position:relative;}
.SSKT .bannerInfo{width:70%; left:15%; top:50%; transform:translateY(-50%);}
.SSKT .bannerInfo h1{font-size:48px; font-weight:bold; color:#fff; line-height:150%; margin:0; padding:0;}
.SSKT .bannerInfo span{font-size:20px; color:#fff; margin:30px 0 10px 0; font-weight:bold; display:block;}
.SSKT .bannerInfo p{font-size:18px; color:#fff; text-indent:0;}
.jya{width:85%; margin:0 auto; padding:80px 0;}
.SSKT .bannerInfo .btn{font-size:20px; line-height:40px; padding:0 30px; background:#8fab43; color:#fff; border-radius:0;}
.jya h2{font-size:36px; font-weight:bold; color:#333; text-align:center; padding:50px;}
.jya>p{font-size:16px; color:#525252; line-height:200%; text-align:center;}
.jya>img{max-width:100%; height:auto;}
.jya h3{font-weight:normal; margin:30px 0; font-size:24px; padding-left:50px;}
.row3{}
.row3 li{width:33.3333%; float:left; text-align:center; box-sizing:border-box;}
.YSitem{margin:0 -20px;}
.YSitem li{padding:15px 20px;}
.YSitem li img{margin:20px auto;}
.YSitem li h4{font-size:24px; font-weight:normal; text-align:center; margin-bottom:20px;}
.YSitem li p{font-size:16px; text-align:center; line-height:180%;}
.cusLogo{margin:0 -30px; padding-bottom:30px;}
.cusLogo li{padding:0 30px; font-size:18px; font-weight:bold; color:#666; line-height:200%; width: 25% !important; margin: 40px 0px; padding: 0px !important;}
p.zxlx a{border-radius:0; font-size:18px; line-height:50px; padding:0 30px;}
.row4 li{width:24.4999%; float:left;padding:10px; box-sizing:border-box;}
.scences{font-size:18px; line-height:177%; color:#666; margin:0 -10px;}
.scences p{font-size:24px; font-weight:bold; color:#333; line-height:150%; margin:30px 0!important;}
.scences li img{width:100%; height:auto;}
p.zxlx{padding:30px;}
.pdt{font-size:14px; line-height:177%; color:#666; margin:0 -20px; text-align:center;}
.pdt li{padding:20px; font-size:18px;}
.pdt li img{margin:0 auto 50px auto;}
.pdt p{font-size:24px; color:#282828; line-height:150%; margin:15px 0!important;}
.pdt p a:link,.pdt p a:visited,.pdt p a:hover{color:#282828; text-decoration:none;}
@media only screen and (max-width: 960px){
.jya{padding:10px 0;}
.jya h2{padding:10px;}
.SSKT .bannerInfo h1{font-size:24px;}
.SSKT .bannerInfo span{font-size:16px;}
.SSKT .bannerInfo .btn{font-size:14px; line-height:30px; padding:0 20px;}
}
@media only screen and (max-width: 768px){
.row3{margin:0 -10px;}
.row3 li{width:50%; padding:0 10px; box-sizing:border-box;}
.jya{margin:0 auto!important;}
.row4 li{width:100%;}
.SSKT .bannerInfo span{font-size:15px; margin:15px 0 5px 0;}
.SSKT .bannerInfo .btn{font-size:12px; line-height:25px; padding:0 15px;}
}
@media only screen and (max-width: 640px){
.SSKT .bannerInfo h1{font-size:18px;}
.SSKT .bannerInfo span{font-size:14px; margin:10px 0 0 0;}
.SSKT .bannerInfo .btn{font-size:12px; line-height:20px; padding:0 10px;}
.jya h2{font-size:18px; padding:5px;}
.jya>p{font-size:13px;}
.jya h3{font-size:16px; margin:10px 0;}
.YSitem{margin:0;}
.YSitem li{padding:10px;}
.YSitem li h4{font-size:14px;}
.YSitem li p{font-size:12px;}
p.zxlx a{line-height:30px; padding:0 15px; font-size:12px;}
.row4 li{padding:10px 0;}
.scences{margin:0;}
.scences p{font-size:14px; margin:7px 0!important;}
.YSitem li img{margin: 10px auto;}
.pdt{font-size:12px;}
.pdt p{font-size:14px; margin:7px 0!important;}
.cusLogo img{}
}
.djhy{padding:80px 0;}
.djhy h2{font-size:36px; font-weight:bold; color:#333; text-align:center; padding-top:30px;}
.djhy h2:after{content:""; display:block; width:50px; height:2px; background:#e12229; margin:30px auto;}
.djhy>p{font-size:24px; color:#525252; line-height:200%; text-align:center;}
.row5 li{width:14.2857143%; float:left; text-align:center; box-sizing:border-box; padding:10px;}
.scenceItem{}
.scenceItem .img{position:relative;}
.scenceItem .img h3{font-size:24px; font-weight:bold; color:#fff; line-height:150%; position:absolute; bottom:10px; left:0; right:0;}
.scenceItem p{font-size:18px; line-height:177%; font-weight:normal; color:#666; text-align:left; margin:30px 20px!important;}
.twoRowsTableLayout{width:100%; display:table;}
.twoRowsTableLayout .row{display:table-cell; width:50%; padding:70px 0; vertical-align:middle;}
.twoRowsTableLayout .row h3{font-size:24px; font-weight:normal; color:#262626; line-height:150%; margin-bottom:40px;}
.twoRowsTableLayout .row p{font-size:16px;color:#777; line-height:200%; margin-bottom:10px;}
@media only screen and (max-width: 960px){
}
@media only screen and (max-width: 768px){
.twoRowsTableLayout .row{display:block; width:100%!important; padding:10px!important;}
.twoRowsTableLayout .row h3{margin-bottom:10px;}
.djhy{padding:10px 0;}
.djhy h2{padding:10px; margin-bottom:0;}
.row5 li{width:100%;}
}
@media only screen and (max-width: 640px){
.djhy h2{font-size:18px;}
.djhy h2:after{width:30px; margin:5px auto;}
.djhy>p{font-size:14px;}
.twoRowsTableLayout .row h3{font-size:16px;}
}
.AIa{}
.AIa>p{font-size:16px; line-height:166%; color:#555; margin-bottom:15px;}
.AIproductNav{margin:50px -10px 30px -10px;}
.AIproductNav li{font-size:14px; line-height:166%; color:#777; cursor:pointer; width: 20%;}
.AIproductNav li:before{content:""; width:32px; height:32px; display:block; margin:5px auto; background-position:center; background-repeat:no-repeat; background-size:contain;}
.AIproductNav li.cur a{color:#375aa4;}
.AIproductNav li a:link{color:#777;}
.AIproductNav li a:hover{color:#375aa4;}
.AIproductNav li.cur a:link,.AIproductNav li.cur a:hover{color:#375aa4!important;}
.AIproductNav li:nth-child(1):before, .AIproductNav .up-p li:nth-child(1):before{background-image:url(../images/AIicon1.png);}
.AIproductNav li:nth-child(1).cur:before, .AIproductNav .up-p li:nth-child(1).cur:before{background-image:url(../images/AIicon1Cur.png);}
.AIproductNav li:nth-child(2):before, .AIproductNav .up-p li:nth-child(2):before{background-image:url(../images/AIicon6.png);}
.AIproductNav li:nth-child(2).cur:before, .AIproductNav .up-p li:nth-child(2).cur:before{background-image:url(../images/AIicon6Cur.png);}
.AIproductNav li:nth-child(3):before, .AIproductNav .up-p li:nth-child(3):before{background-image:url(../images/AIicon2.png);}
.AIproductNav li:nth-child(3).cur:before, .AIproductNav .up-p li:nth-child(3).cur:before{background-image:url(../images/AIicon2Cur.png);}
.AIproductNav li:nth-child(4):before, .AIproductNav .up-p li:nth-child(4):before{background-image:url(../images/AIicon3.png);}
.AIproductNav li:nth-child(4).cur:before, .AIproductNav .up-p li:nth-child(4).cur:before{background-image:url(../images/AIicon3Cur.png);}
.AIproductNav li:nth-child(5):before, .AIproductNav .up-p li:nth-child(5):before{background-image:url(../images/AIicon4.png);}
.AIproductNav li:nth-child(5).cur:before, .AIproductNav .up-p li:nth-child(5).cur:before{background-image:url(../images/AIicon4Cur.png);}
.AIproductNav .up-d li:nth-child(1):before{background-image:url(../images/AIicon13.png);}
.AIproductNav .up-d li:nth-child(1).cur:before{background-image:url(../images/AIicon13Cur.png);}
.AIproductNav .up-d li:nth-child(2):before{background-image:url(../images/AIicon14.png);}
.AIproductNav .up-d li:nth-child(2).cur:before{background-image:url(../images/AIicon14Cur.png);}
.AIproductNav .up-d li:nth-child(3):before{background-image:url(../images/AIicon15.png);}
.AIproductNav .up-d li:nth-child(3).cur:before{background-image:url(../images/AIicon15Cur.png);}
.AIproductNav .up-d li:nth-child(4):before{background-image:url(../images/AIicon16.png);}
.AIproductNav .up-d li:nth-child(4).cur:before{background-image:url(../images/AIicon16Cur.png);}
.AIproductList li{position:relative;}
.AIproductList .productInfo{position:absolute; left:17%; top:13%; width:32%;}
.AIproductList .productInfo h3{font-size:32px; color:#fff; line-height:170%; margin-bottom:50px;}
.AIproductList .productInfo p{font-size:18px; color:#fff; line-height:220%;}
.features{margin:20px -30px;}
.features li{padding:20px 30px;}
.features li img{width:54px; height:54px; margin:5px auto;}
.AIscences{background:url(../images/APimg1.jpg) center no-repeat; background-size:cover; padding:30px 0; position:relative;}
.AIscencesContainer{width:62.5%; margin:0 auto; overflow:}
.AIscencesPrev{position:absolute; left:18.75%; top:50%; width:20px; height:32px; margin:-16px 0 0 -40px; background:url(../images/AIicon_prev.png) center no-repeat; background-size:contain; cursor:pointer;}
.AIscencesNext{position:absolute; right:18.75%; top:50%; width:20px; height:32px; margin:-16px -40px 0 0; background:url(../images/AIicon_next.png) center no-repeat; background-size:contain; cursor:pointer;}
.AIvideo{padding:50px 0 20px 0;}
@media only screen and (max-width: 1600px){
.AIproductList .productInfo h3{font-size:22px; margin-bottom:30px;}
.AIproductList .productInfo p{font-size:15px;}
}
@media only screen and (max-width: 1300px){
.AIproductList .productInfo h3{font-size:18px; margin-bottom:20px;}
.AIproductList .productInfo p{font-size:14px;}
}
@media only screen and (max-width: 768px){
div.title{padding:10px 0;}
div.title h2{font-size:20px;}
div.title p{margin:12px 0;}
.AIa>p{font-size:14px; line-height:150%; margin-bottom:7px;}
.AIproductNav{margin: 30px -10px 20px -10px;}
.AIproductNav li{display:inline-block; width:inherit; font-size:13px; line-height:150%;}
.AIproductList .productInfo{top:7%; width:40%;}
.AIproductList .productInfo h3{font-size:16px; line-height:150%; margin-bottom:10px;}
.AIproductList .productInfo p{font-size:13px; line-height:150%;}
.features{margin:10px -20px;}
.features li{padding:10px; display:inline-block; width:49%;}
}
@media only screen and (max-width: 640px){
.AIproductList .productInfo{position:static; width:90%; margin:10px auto;}
.AIproductList .productInfo h3{font-size:14px; line-height:110%; margin-bottom:5px; color:#333;}
.AIproductList .productInfo p{font-size:12px; line-height:120%; color:#666;}
.features{margin:10px -5px;}
.features li{padding:5px; font-size:10px;}
}
.toMYDDC{margin:.6rem 0; padding:0; font-size:14px; height:19px; white-space:nowrap; overflow:hidden; position:relative;}
.toMYDDC a{animation:rightToLeft 22s linear infinite; position:absolute; width:200%; display:block; font-size:0;}
.toMYDDC span{width:50%; display:inline-block; text-align:right; font-size:14px;}
@-webkit-keyframes rightToLeft{
0% {transform:translateX(0);}
100% {transform:translateX(-50%);}
}
@media only screen and (max-width: 768px){
.swiper-button-next, .swiper-button-prev{height:22px; background-size:contain; margin-top:-11px;}
}
.info{font-size:16px; color:#595757; line-height:160%; padding:30px 0; margin-bottom:20px;}
.titleRob{width:70%; font-size:22px; color:#595757; display:flex; margin:0 auto; align-items:center; margin-top:20px;}
.titleRob span{padding:20px;}
.titleRob:before{content:""; background:#595757; height:2px; flex-grow:2;}
.titleRob:after{content:""; background:#595757; height:2px; flex-grow:2;}
.CPYS{margin:20px 0 40px 0;}
.CPYS ul{font-size:0; text-align:center; margin:0 -10%;}
.CPYS li{display:inline-block; font-size:14px; color:#595757; line-height:120%; width:33.3333%; padding:0 20px; box-sizing:border-box; vertical-align:top}
.CPYS li img{display:inline-block; margin:20px;}
.robotVideo{margin:30px auto 50px auto; display:block; width:50%;}
.YYCJ{overflow:hidden; margin:30px 0 0 0;}
.YYCJ ul{font-size:0; text-align:center; display:flex; margin:0 30px 80px 30px;}
.YYCJ li{display:inline-block; position:relative;}
.YYCJ li div{ransition:all linear .5s; transform:scale(1) translateY(0); }
.YYCJ li:hover{z-index:2;}
.YYCJ li:hover div{transform:scale(1.12) translateY(5.22222222%); transition:all linear .5s;}
.YYCJ li p{font-size:15px; padding:0 10px; height:40px; line-height:38px; position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.4); color:#fff; text-align:center;}
.YYCJ li p span{display:inline-block; vertical-align:middle; line-height:15px;}
.YYCJ li:hover p span{transition:all linear .5s; font-size:13px; line-height:13px; display:inline-block; vertical-align:middle;}
@media only screen and (max-width: 768px){
.info{font-size:14px; margin-bottom:0; padding:20px 0;}
.titleRob{width:100%; font-size:16px; margin-top:10px;}
.titleRob span{padding:10px;}
.titleRob:before,.titleRob:after{height:1px;}
.robotVideo{width:100%; margin:10px 0;}
.CPYS{margin:10px 0 20px 0;}
.CPYS ul{margin:0;}
.CPYS li{padding:0 7px;}
.YYCJ{margin:10px -30px 0 -30px;}
.YYCJ ul{margin-bottom:50px;}
.YYCJ li p{font-size:14px; line-height:27px; height:30px; padding:0;}
.YYCJ li:hover p span{font-size:12px; line-height:12px;}
}
.wlyp .sr-cl-content{
width: 72%;
margin: 200px auto;
}
.wlyp .sr-cl-ctrol {
width: 72%;
margin: 100px auto;
display: flex;
justify-content: center;
}
.wlyp .sr-cl-ctrol .l-p, .wlyp .sr-cl-ctrol .r-p{
width: 200px;
margin: 0 86px;
display: flex;
flex-direction: column;
}
.wlyp .sr-cl-ctrol .l-p{
color: #4969ac;
}
.wlyp .sr-cl-ctrol .l-p p, .wlyp .sr-cl-ctrol .r-p p{
text-align: center;
font-size: 18px;
font-weight: bold;
margin: 0px;
margin-top: 26px;
}
.wlyp .sr-cl-ctrol .l-p span, .wlyp .sr-cl-ctrol .r-p span{
text-align: center;
font-size: 18px;
margin-top: 10px;
}
.wlyp .sr-cl-content{
font-size: 18px;
}
.wlyp .sr-cl-content .sr-cl30{
display: none;
}
.wlyp .sr-cl-content .sr-cl10 p, .wlyp .sr-cl-content .sr-cl30 p{
margin-bottom: 120px;
}
.wlyp .sr-cl-content .sr-cl10 img, .wlyp .sr-cl-content .sr-cl30 img{
display: block;
width: 580px;
margin: 0 auto;
}
.wlyp .sr-cl-content .sr-cl10 span, .wlyp .sr-cl-content .sr-cl30 span{
display: block;
width: 100%;
text-align: center;
font-size: 18px;
color: #333;
font-weight: bold;
}
.wlyp .sr-cl-content .sr-cl30 .jx{
display: flex;
justify-content: space-between;
margin: 36px 0px;
}
.wlyp .sr-cl-content .sr-cl30 .jx span{
width: 10%;
border: 2px solid #4969ac;
border-radius: 36px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 14px;
}
.wlyp .sr-cl-content .sr-cl30 .cl30-tdjs{
margin-top: 10px;
font-weight: normal;
}
.wlyp .sr-cl-content .sr-cl10 .h3-cl10,
.wlyp .sr-cl-content .sr-cl10 .cpcs,
.wlyp .sr-cl-content .sr-cl30 .h3-cl30,
.wlyp .sr-cl-content .sr-cl30 .cpcs{
position: relative;
height: 1px;
background-color: #ccc;
width: 100%;
margin-bottom: 60px;
}
.wlyp .sr-cl-content .sr-cl10 .h3-cl10::before, .wlyp .sr-cl-content .sr-cl30 .h3-cl30::before {
content: "SR-CL10音频处理器";
font-size: 36px;
font-weight: bold;
position: absolute;
background-color: #fff;
top: -12px;
padding: 0px 30px;
left: 50%;
transform: translate(-50%, 0px);
}
.wlyp .sr-cl-content .sr-cl30 .h3-cl30::before{
content: "SR-CL30音频处理器";
}
.wlyp .sr-cl-content .sr-cl10 .cpcs::before,
.wlyp .sr-cl-content .sr-cl30 .cpcs::before{
content: "产品参数";
font-size: 36px;
font-weight: bold;
position: absolute;
background-color: #fff;
top: -12px;
padding: 0px 30px;
left: 50%;
transform: translate(-50%, 0px);
}
@media only screen and (max-width: 1100px) {
.wlyp .sr-cl-content .sr-cl10 .h3-cl10::before,
.wlyp .sr-cl-content .sr-cl30 .h3-cl30::before,
.wlyp .sr-cl-content .sr-cl10 .cpcs::before,
.wlyp .sr-cl-content .sr-cl30 .cpcs::before {
font-size: 30px;
}
}
.wlyp .sr-cl-content table{
margin-top: 80px;
word-break: break-all;
word-wrap: break-word;
white-space: normal;
}
.wlyp .sr-cl-content table th, .wlyp .sr-cl-content table tr {
font-size: 18px;
}
.wlyp .sr-cl-content table.table td {
padding: 14px 32px !important;
text-align: left;
}
.wlyp .sr-cl-content table tr:nth-child(odd) {
background-color: #bfcae1; /* 设置奇数行的背景色 */
}
.wlyp .sr-cl-content .sr-cl10-trait{
display: flex; /* 设置为 Flex 容器 */
flex-wrap: wrap; /* 控制子元素换行 */
margin-top: 120px;
}
.wlyp .sr-cl-content .sr-cl30-trait{
margin-top: 120px;
}
.wlyp .sr-cl-content .sr-cl30-trait .fri-row, .wlyp .sr-cl-content .sr-cl30-trait .sec-row{
display: flex; /* 设置为 Flex 容器 */
flex-wrap: nowrap; /* 控制子元素换行 */
justify-content: center;
}
.wlyp .sr-cl-content .sr-cl10-trait p:nth-child(1),.wlyp .sr-cl-content .sr-cl30-trait .fri-row p:nth-child(1){
margin-right: 6%;
width: calc(33.33% - 6%);
}
.wlyp .sr-cl-content .sr-cl10-trait p:nth-child(3),.wlyp .sr-cl-content .sr-cl30-trait .fri-row p:nth-child(3){
margin-left: 6%;
width: calc(33.33% - 6%);
}
.wlyp .sr-cl-content .sr-cl10-trait p:nth-child(2),.wlyp .sr-cl-content .sr-cl30-trait .fri-row p:nth-child(2){
margin: 0px 3%;
width: calc(33.33% - 6%);
}
.wlyp .sr-cl-content .sr-cl30-trait .sec-row p:nth-child(1){
margin-right: 4.5%;
width: calc(33.33% - 4.5%);
}
.wlyp .sr-cl-content .sr-cl30-trait .sec-row p:nth-child(2){
margin-left: 4.5%;;
width: calc(33.33% - 4.5%);
}
.wlyp .sr-cl-content .sr-cl10-trait p span:first-child,.wlyp .sr-cl-content .sr-cl30-trait p span:first-child{
text-align: center;
background-color: #4969ac;
height: 60px;
color: #fff;
line-height: 60px;
margin-bottom: 20px;
}
.wlyp .sr-cl-content .sr-cl10-trait p span,.wlyp .sr-cl-content .sr-cl30-trait p span{
font-size: 18px;
font-weight: normal;
text-align: left;
}
@media screen and (max-width: 767px) and (min-width: 300px) {
.wlyp .sr-cl-ctrol{
width: 90%;
}
.wlyp .sr-cl-content{
width: 90%;
}
.wlyp .swiper-wrapper .small_banner {
width: 100%;
height: 170px;
overflow: hidden;
}
.wlyp .sr-cl-ctrol {
/* flex-direction: column; */
align-items: center;
}
.wlyp .sr-cl-ctrol .l-p, .wlyp .sr-cl-ctrol .r-p{
margin: 0 20px;
}
.wlyp .sr-cl-ctrol .l-p p, .wlyp .sr-cl-ctrol .r-p p {
font-size: 13px;
}
.wlyp .sr-cl-ctrol .l-p span, .wlyp .sr-cl-ctrol .r-p span{
font-size: 12px;
}
.wlyp .sr-cl-content{
margin: 120px auto;
}
.wlyp .sr-cl-content .sr-cl10 .h3-cl10,
.wlyp .sr-cl-content .sr-cl10 .cpcs,
.wlyp .sr-cl-content .sr-cl30 .h3-cl30,
.wlyp .sr-cl-content .sr-cl30 .cpcs{
position: relative;
height: 30px;
background-color: #fff;
width: 100%;
margin-top: 72px;
margin-bottom: 36px;
}
.wlyp .sr-cl-content .sr-cl10 .h3-cl10::before,
.wlyp .sr-cl-content .sr-cl30 .h3-cl30::before,
.wlyp .sr-cl-content .sr-cl10 .cpcs::before,
.wlyp .sr-cl-content .sr-cl30 .cpcs::before{
text-align: center;
font-size: 22px;
display: block;
transform: none;
padding: 0px;
background-color: #fff;
position: static;
}
.wlyp .sr-cl-content .sr-cl10 p, .wlyp .sr-cl-content .sr-cl30 p{
font-size: 14px;
margin-bottom: 72px;
}
.wlyp .sr-cl-content .sr-cl10 span, .wlyp .sr-cl-content .sr-cl30 span{
font-size: 14px;
}
.wlyp .sr-cl-content .sr-cl10-trait{
/* flex-direction: column; */
/* align-items: center; */
margin-top: 72px;
justify-content: space-between;
}
.wlyp .sr-cl-content .sr-cl10-trait p span,
.wlyp .sr-cl-content .sr-cl30-trait p span{
font-size: 14px;
}
.wlyp .sr-cl-content .sr-cl30-trait{
/* flex-direction: column; */
/* align-items: center; */
margin-top: 72px;
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.wlyp .sr-cl-content .sr-cl10-trait p:nth-child(1),
.wlyp .sr-cl-content .sr-cl10-trait p:nth-child(2),
.wlyp .sr-cl-content .sr-cl10-trait p:nth-child(3){
margin: 0px;
margin-bottom: 36px;
width: 46%;
}
.wlyp .sr-cl-content .sr-cl30-trait p:nth-child(1),
.wlyp .sr-cl-content .sr-cl30-trait p:nth-child(2),
.wlyp .sr-cl-content .sr-cl30-trait p:nth-child(3),
.wlyp .sr-cl-content .sr-cl30-trait p:nth-child(4),
.wlyp .sr-cl-content .sr-cl30-trait p:nth-child(5){
margin: 0px;
margin-bottom: 36px;
width: 46%;
}
.wlyp .sr-cl-content .sr-cl30 .jx{
flex-wrap: wrap;
justify-content: flex-start;
margin: 16px 0px;
}
.wlyp .sr-cl-content .sr-cl30 .jx span{
width: 21%;
margin: 12px 2%;
border-radius: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.wlyp .sr-cl-content table{
margin-top: 40px;
}
.wlyp .sr-cl-content table th, .wlyp .sr-cl-content table tr{
font-size: 14px;
}
.wlyp .sr-cl-content table.table td {
padding: 10px 8px !important;
text-align: left;
}
}